垂直居中<"/>

css如何设置表格内容上下居中?

css如何设置表格内容上下居中?下面本篇文章就来给大家介绍一下使用CSS设置表格内容上下居中的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

方法1、使用valign:middle

valign:middle //不推荐使用

<table border="1">
<tbody >
<tr>
<td valign="middle">垂直居中</td>
</tr>
</tbody>
</table>

方法2、使用display:table-cell; vertical-align:middle

<table border="1">
<tbody>
<tr>
<td style="display:table-cell; vertical-align:middle">垂直居中</td>
</tr>
</tbody>
</table>

方法3、使用line-height属性

style="height:20px;/*高度根据实际情况设置*/

line-height:22px;/*根据实际情况设置到达垂直居中即可*/"

<table>
<tbody>
<tr>
<td style="height:20px;line-height:22px;">垂直居中</td>
</tr>
</tbody>
</table>

更多CSS相关知识,可访问 CSS教程 !!

以上就是css如何设置表格内容上下居中?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读