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

前提

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

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

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

重要知识点

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值