前端页面表格单元格内容填充不满

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