如何css让表格td中的文字垂直居中,请注意这都是一行一列的?
发布网友
发布时间：2022-04-26 19:11
共5个回答
热心网友
时间：2022-04-29 16:46
文字垂直居中的有如下的方法
方法一：valign:middle
代码如下：
<table><tbody>
<tr>
<td valign="middle">垂直居中</td>
</tr>
</tbody>
</table>
方法二：style="display:table-cell; vertical-align:middle"
代码如下：
<table><tbody>
<tr>
<td style="display:table-cell; vertical-align:middle">垂直居中</td>
</tr>
</tbody>
</table>
方法三：style="height：20px;/*高度根据实际情况设置*/ line-height:22px;/*根据实际情况设置到达垂直居中即可*/"
<table><tbody>
<tr>
<td style="height：20px;/*高度根据实际情况设置*/ line-height:22px;/*根据实际情况设置到达垂直居中即可*/">垂直居中</td>
</tr>
</tbody>
</table>
热心网友
时间：2022-04-29 18:04
你在心情内容这个TD里面在套个1行2列的表格，然后再给这2个设置居中属性就可以了。追问为什么不能一行一列的搞呢
追答因为表格有这个bug在的，你要想在一个TD里面重新布局，要重新套个table进去，这样才能重新布局。
热心网友
时间：2022-04-29 19:38
<html>
<body>
<table>
<tr>
<td style="width:300px;height:40px; border:3px solid #FF0000; text-align:center">
这是td居中测试
</td>
</tr>
</table>
</body>
</html>
效果：
热心网友
时间：2022-04-29 21:30
td的text-align=center，在td里的文字外面套个p标签 ， p标签设置margin.
热心网友
时间：2022-04-29 23:38
<td style="vertical-align: middle;">我一般是这么处理。。
