虚拟社区

程序开发 => WEB前端开发 => HTML/CSS开发技术 => 主题发帖人为: jvip_chen 于 2022-1月-05 06:24 下午

标题: Bootstrap table th td 实现文字垂直居中
作者: jvip_chen2022-1月-05 06:24 下午
直接复写th、td的样式,样式代码如下(外联):

.table th, .table td {
text-align: center;
vertical-align: middle!important;
}
也可直接写在html的th, .table, td标签的style中,如下:

<th style="vertical-align: middle !important;text-align: center;">xxx</th>
<td style="vertical-align: middle !important;text-align: center;">xxx</td>
这样就能达到水平且垂直居中的效果了