因为各列表头的长度不同,当某一列表头长度过长导致换行时,其他列表头无法实现在该格中的垂直对齐,如图所示:
部分表头内容无法实现居中对齐
在没有特殊要求的情况下,可以给过长的表格设置ellipsis:true
来省略过长的部分,如图所示:
省略过长的内容
但是在需要显示所有的内容时,可以对每个单元格设置如下样式:
display: table-cell;
vertical-align: middle;
效果如图所示:
更改单元格样式后的垂直居中效果
因为各列表头的长度不同,当某一列表头长度过长导致换行时,其他列表头无法实现在该格中的垂直对齐,如图所示:
在没有特殊要求的情况下,可以给过长的表格设置ellipsis:true
来省略过长的部分,如图所示:
但是在需要显示所有的内容时,可以对每个单元格设置如下样式:
display: table-cell;
vertical-align: middle;
效果如图所示: