什么情况下需要额外设置表格的显示规则?

默认情况下(不额外设置表格的显示规则时),表格按照自动表格布局进行显示,即,浏览器在显示表之前查看每一个单元格,然后基于所有单元格的设置计算表的大小,而列的宽度是由列单元格中没有折行的最宽的内容设定的。此时,单元格的大小会适应内容的大小。
自动表格布局的算法在表格复杂时会比较慢,这是由于它需要在确定最终的布局之前访问表格中所有的内容。在不能提前确定每一列的大小时,这种方式会非常适用。
如果额外设置表格的显示规则,即,设置table-layout 属性的值为 fixed,则称为固定表格布局。在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。浏览器将使用某列指定的宽度来计算布局(如果给了宽度的话),并使用该宽度计算该列中所有其他单元格的宽度。
固定表格布局与自动表格布局相比,允许浏览器更快地对表格进行布局。因为如果指定使用固定表格布局,浏览器在接收到第一行后就可以显示表格。如果表格庞大且已经指定了大小,则会加速表的显示。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

泠泠在路上

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值