CSS - 使表格td中的文字垂直居中

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

方法一:

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>

参考

https://zhidao.baidu.com/question/584912262.html 

后续补充

...


版权声明:本文为william_n原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。