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

发布网友发布时间：2022-06-02 23:30

共1个回答

热心网友时间：2023-10-08 23:59

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