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

在这里可以讨论HTML/CSS开发技术,插件应用等方面技术

版主: jvip_chen

版面规则
请不要用站内信件问问题, 有问题直接发到相应版面上, 今后任何此类信件恕不回复.
回复
头像
jvip_chen
社区版主
社区版主
帖子: 211
注册时间: 2019年 1月 5日 13:36 星期六

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

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

回到 “HTML/CSS开发技术”