table-layout: fixed 实现表格列宽可控制

前提

虽说已开始摒弃了表格布局,但是表格table在项目中还是有使用的余地。但也往往因为表格内容的不可控,从而导致宽度将会随着内容的变化而变化,影响布局,so更愿意选择其他的元素实现表格。

发觉table一个鲜为人知的属性

table-layout:fixed是在看《CSS3 揭秘》这本书的时候看到的,如获至宝,兴奋至极,其行为模式被称作固定表格布局算法,这个值的行为要明显更可控,它把更多的控制权交给了网页开发者,大大减少了浏览器对表格的重绘(因为宽度依据内容而变)
table元素或者是其他具有display:table样式的元素都可应用这个属性。
张鑫鑫很早之前就对table-layout有过的解刨

重要知识点

table:{
    table-layout: fixed;
    width: 100%;//这个必须要有,否则无作用,可以是具体的值
}

你可能感兴趣的:(css,css揭秘)