站内公告:

我们的虚拟社区正式开通了

Main Menu

Bootstrap table th td 实现文字垂直居中

作者 jvip_chen, 2022-1月-05 06:24 下午

« 上一篇主题 - 下一篇主题 »

jvip_chen

直接复写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>
这样就能达到水平且垂直居中的效果了