匿名表格单元格-它们会影响回流/重绘性能吗？

Question

老式的hack是基于使用空表元素来防止边际崩溃和清除浮动。它提到，这个行为创建了匿名的表格元素，因为每个HTML表格都需要这些元素存在，所以据我所知，重绘周期为每个要处理的透明元素都有6个新的空白元素(table +无名行+无名单元格* 2)。在回流/重绘周期中，这是否有任何与性能相关的缺点？您将如何测试这一点？

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

Answer 1

它不会污染DOM，但是可以为了渲染的目的而计算对象。实现也许能够优化它们。

但在渲染过程中需要计算所有类型的长方体。没有什么特别需要关注的。