解决表格宽度大小不固定问题

背景：最近在项目中遇到一个问题，界面表格只有三行，宽度固定，为了适应不同屏幕分辨率，用的百分比去分割每列宽度，结果最长的那列内容太多把整个页面撑开了，试了好多方法没有避免这个问题，最后想起有个 table-layout 属性，然后就试了一下 table-layout: fixed，瞬间解决了这个问题，捎带深入研究了一下 table-layout;

tableLayout 属性用来显示表格单元格、行、列的算法规则。
属性值：    
automatic—— 默认。列宽度由单元格内容设定。
fixed—— 列宽由表格宽度和列宽度设定。
inherit——规定应该从父元素继承 table-layout 属性的值。