table表格中的td垂直居中方法

站长在使用table时发现默认文字并不居中，而熟悉的CSS样式居中的代码为text-align，但是在实际的应用中text-align:center只会横向左右居中，那么td中的文字垂直居中怎么办？

table表格中的td垂直居中方法：可以使用vertical-align:middle;

 

table文字垂直居中

CSS让table中的文字垂直居中，使用vertical-align:middle;即可：

td{vertical-align:middle;}

下面举个例子：

在CSS中添加这个样式就可以垂直居中了，当然如果直接在td上加可以这样写：

 

<table>

  <tr>

    <td style="vertical-align:middle;text-align:center;">我是table表格中的td文字，我垂直居中</td>

  </tr>

</table>

 

<table>

  <tr>

    <td style="vertical-align:middle;text-align:center;">我是table表格中的td文字，我垂直居中</td>

  </tr>

</table>
 

根据上述实例中，文字不仅是左右居中，垂直方向也是居中的，以上就是今天23406小编介绍的table表格中的td居中方法，如还有其它疑问请访问23406网（http://www.23406.com/）反馈。