table的重绘重排成本高于div元素,所以现代布局已经放弃了table布局,除非需要用到表格。问题:那么这样的重绘方式成本是与直接使用table布局一样吗?.father{ display:table;
}.father children{
display: table-cell;
vertical-align: middle;
}附加问题:table的重绘成本高在哪里呢?
1 回答
慕森王
TA贡献1777条经验 获得超3个赞
重绘重排的成本高在于 重新计算 重新渲染,
之所以说table性能不好就在于这里,
因为每行每列每个单元格都可能要重新计算,单元格内嵌套复杂元素后计算成本更高,
这里说的重新计算是因为大多数单元格 或者说 tabel整体宽度长度不是固定的
都是弹性的
就算是现在具有相同特性的flex
如果页面、页面元素是固定的 那么table也好flex也好,性能几乎无差
如果有flex table 中频繁隐藏、出现子元素 那么就重复触发整体的重新计算 重新渲染
所以说 性能差就差在于 "它" 影响了 "别人"
- 1 回答
- 0 关注
- 511 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消