html页面中的table控件，td标签里面是文字，怎样设置style才能文字垂直居中？

 我来答

1个回答

#热议# 生活中有哪些实用的心理学知识？

相逢港
2014-04-28 · 超过20用户采纳过TA的回答

知道答主

回答量：55

采纳率：0%

帮助的人：36万

我也去答题访问个人页

关注

展开全部

<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;
}

更多追问追答

追问

如果直接在td标签中令style=" text-align:center; vertical-align:middle"吗？我这样试过，就是不能垂直居中，这可能是什么原因导致的呢？

追答

在标签中添加style属性是可以的。代码如下：
（你没有测试出来的原因，有可能是在中文状态下输入的标点符号，如冒号或者是分号；没有测试出来是因为有些细节写错了。）

你把我这段代码复制到html文件中，是可以显示的。

monday
            tuesday
            wednesday

thursday
            friday
            satarday

sunday
            friday
            satarday