如何让<td>中的内容水平居中同时垂直居中

 我来答

3个回答

#热议# 为什么说不要把裤子提到肚脐眼？

搁浅璃殇
2018-03-30 · TA获得超过3961个赞

知道小有建树答主

回答量：38

采纳率：0%

帮助的人：6353

我也去答题访问个人页

关注

展开全部

水平居中：选项卡--居中按钮

垂直居中：选项卡右下角--垂直对齐方式--居中

一、设置水平居中

1、选中需要居中的文本；

2、单击开始选项卡居中按钮。

二、设置垂直居中

1、单击页面布局选项卡右下角的按钮；

2、弹出页面设置对话框，选择版式选项卡，在垂直对齐方式处选择居中即可。

已赞过 已踩过<

评论收起

匿名用户
2016-08-03

展开全部

<head>

<style type="text/css">
td {
text-align:center; /*设置水平居中*/
vertical-align:middle;/*设置垂直居中*/
}
</style>

</head>

<body>
<table border="1" cellspacing="0" width="800px" height="190px">
<tr>
<td>monday</td>
<td>tuesday</td>
<td>wednesday</td>
</tr>
<tr>
<td>thursday</td>
<td>friday</td>
<td>satarday</td>
</tr>
<tr>
<td>sunday</td>
<td>friday</td>
<td>satarday</td>
</tr>
</table>
</body>

说明：如果要在css中控制<td>标签中的文字垂直居中，那么可以设置td标签选择器下的属性：vertical-align 这个属性有三个值：top ，bottom，middle 其中，middle属性值代表垂直居中。
代码：td {
vertical-align:middle;
}


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

百度网友ded4135

高粉答主

2018-02-19 · 醉心答题，欢迎关注

知道大有可为答主

回答量：2.7万

采纳率：87%

帮助的人：1.2亿

我也去答题访问个人页

关注

展开全部

<head>

<style type="text/css">
td {
text-align:center; /*设置水平居中*/
vertical-align:middle;/*设置垂直居中*/
}
</style>

</head>

<body>
<table border="1" cellspacing="0" width="800px" height="190px">
<tr>
<td>monday</td>
<td>tuesday</td>
<td>wednesday</td>
</tr>
<tr>
<td>thursday</td>
<td>friday</td>
<td>satarday</td>
</tr>
<tr>
<td>sunday</td>
<td>friday</td>
<td>satarday</td>
</tr>
</table>
</body>

说明：如果要在css中控制<td>标签中的文字垂直居中，那么可以设置td标签选择器下的属性：vertical-align 这个属性有三个值：top ，bottom，middle 其中，middle属性值代表垂直居中。
代码：td {
vertical-align:middle;
}

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如何让<td>中的内容 水平居中同时垂直居中

其他类似问题

为你推荐：

如何让<td>中的内容水平居中同时垂直居中