css的重绘成本？

Question

table的重绘重排成本高于div元素，所以现代布局已经放弃了table布局，除非需要用到表格。问题：那么这样的重绘方式成本是与直接使用table布局一样吗？.father{    display:table; }.father children{    display: table-cell;    vertical-align: middle; }附加问题：table的重绘成本高在哪里呢？

Answer 1

重绘重排的成本高在于 重新计算 重新渲染,
之所以说table性能不好就在于这里,
因为每行每列每个单元格都可能要重新计算,单元格内嵌套复杂元素后计算成本更高,
这里说的重新计算是因为大多数单元格 或者说 tabel整体宽度长度不是固定的
都是弹性的 
就算是现在具有相同特性的flex
如果页面、页面元素是固定的 那么table也好flex也好,性能几乎无差
如果有flex table 中频繁隐藏、出现子元素 那么就重复触发整体的重新计算 重新渲染
所以说 性能差就差在于 "它" 影响了 "别人"