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 中频繁隐藏、出现子元素 那么就重复触发整体的重新计算 重新渲染所以说 性能差就差在于 "它" 影响了 "别人"