el-table表格單元格內容寬度/高度填充不滿
問題:在vue頁面使用el-table時,有時出現某一單元格錯位,內容錯位問題,如下圖:
CSS解決方案:可以使用CSS3自適應寬度/高度屬性fill-available(充滿可用空間)
.el-table { .el-table__fixed { height: -webkit-fill-available !important;// 填充高度
} }
注: -webkit- ,該前綴指可在以webkit為內核的瀏覽器(如safari和chrome)中正常使用。
fill-available,css自適應關鍵字,作用為撐滿可用空間。
參考頁面:
css3自適應4個關鍵字 - 簡書 (jianshu.com)
(21條消息) 【CSS】關鍵字 -webkit-fill-available 詳解_all_might1的博客-CSDN博客