背景:最近在项目中遇到一个问题,界面表格只有三行,宽度固定,为了适应不同屏幕分辨率,用的百分比去分割每列宽度,结果最长的那列内容太多把整个页面撑开了,试了好多方法没有避免这个问题,最后想起有个 table-layout 属性,然后就试了一下 table-layout: fixed,瞬间解决了这个问题,捎带深入研究了一下 table-layout;
tableLayout 属性用来显示表格单元格、行、列的算法规则。
属性值:
automatic—— 默认。列宽度由单元格内容设定。
fixed—— 列宽由表格宽度和列宽度设定。
inherit——规定应该从父元素继承 table-layout 属性的值。