虚拟社区

bootstrap table中td内容设置不换行

/*表格内容滚动，不换行显示*/

td{
    white-space:nowrap;
    overflow:hidden;
    word-break:keep-all;
}/*表格宽度不改变，多出的不显示*/


table{
    table-layout:fixed;
}

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