表格结构代码
<table border="1">
<thead>
<tr class="gds-repair-table-header">
<th>
<span>操作类型</span>
</th>
<th>
<span>条码</span>
</th>
<th>
<span>产品说明</span>
</th>
<th>
<span>领料来源</span>
</th>
</tr>
</thead>
</table>
CSS样式
.gds-repair-table-header {
border: 1px solid #000;
}
.gds-repair-table-header th{
border-left: 1px solid #000;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.gds-repair-table-header th span{
display:inline-block
}
实现效果