前端頁面表格單元格內容填充不滿


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博客

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM