两种表格布局模式的区别

表格有两种布局模式auto和fixed,auto是默认值

指定表格宽度,不指定列宽度的时候

      auto模式下各列的宽度会按内容的宽度比例缩放,

      fixed模式下各列的宽度会等分

指定表格宽度,指定部分列宽度

      auto模式下减去固定列宽度的总和,剩下的列内容宽度比例缩放,所有列的宽度和等于表格宽度

      fixed模式下减去固定列宽度的总和,剩下的列等宽划分,,所有列的宽度和等于表格宽度

指定表格宽度,指定列宽度总和大于表格宽度

      auto模式下如果不指定文字自动换行所有宽度值会被忽略,如果指定自动换行会按比例缩放各列,FireFox仍然会忽略

      fixed模式下表格会被撑宽

当不指定表格宽度和列宽度时,表格宽度会有一个默认值,有的是100%,有的是内容宽度总和,因浏览器而异(标准浏览器始终由内容的宽度决定,IE在fixed模式下为100%,在auto模式下由内容决定,所以表格宽度还是指定的好,以免在不同浏览器下面有差异,不指定表格宽度但指定列宽度的时候,表格宽度就是列宽度的和

这是我一点一点试出来的结果,写出来与大家分享

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值