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