Bootstrap 表格内容⽔平、垂直居中
⽔平居中为 td th  设置text-align: center
即可需要注意的是：th 默认的样式为内容居左，td 则没有，所以直接在 th 的⽗标签 tr上添加 class="text-center"是⽆效的这是⽆效的
td 则可以
垂直居中订单时间、⾦额等 内容都是靠上⽅的，原因就是 Bootstrap 默认的设置就是
vertical-align: top 所以覆盖这个样式就可以了注意样式的选择，下⾯的样式就不能覆盖，这⾥涉及优先级的问题，.table tbody tr td  的权值更⼤
<tr  class ="text-center">
<th  >#</th >
<th >商品信息</th >
<th >⾦额</th >
<th >订单状态</th >
<th >操作</th >
text align center
</tr >
<tr class="text-center">
<td>1</td>
...
<td></tr>
.table  tbody  tr  td {
vertical-align: middle ;
}
tbody tr td{
vertical-align: middle;        }

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。