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>

参考

后续补充

...