如何css让表格td中的文字垂直居中,请注意这都是一行一列的?

发布网友发布时间：2022-04-26 19:11

我来回答

共5个回答

热心网友时间：2022-04-29 16:46

文字垂直居中的有如下的方法

方法一：valign:middle

代码如下：

方法二：style="display:table-cell; vertical-align:middle"

代码如下：

方法三：style="height：20px;/*高度根据实际情况设置*/ line-height:22px;/*根据实际情况设置到达垂直居中即可*/"

热心网友时间：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;">我一般是这么处理。。