因?yàn)楦髁斜眍^的長(zhǎng)度不同语淘,當(dāng)某一列表頭長(zhǎng)度過長(zhǎng)導(dǎo)致?lián)Q行時(shí),其他列表頭無法實(shí)現(xiàn)在該格中的垂直對(duì)齊,如圖所示:
部分表頭內(nèi)容無法實(shí)現(xiàn)居中對(duì)齊
在沒有特殊要求的情況下,可以給過長(zhǎng)的表格設(shè)置ellipsis:true
來省略過長(zhǎng)的部分蛙婴,如圖所示:
省略過長(zhǎng)的內(nèi)容
但是在需要顯示所有的內(nèi)容時(shí),可以對(duì)每個(gè)單元格設(shè)置如下樣式:
display: table-cell;
vertical-align: middle;
效果如圖所示:
更改單元格樣式后的垂直居中效果