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 教程 https://www.html.cn/css/ !!
来源: http://www.css88.com/qa/css3/14699.html