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

Question

好旧的micro clearfix hack基于使用空白表元素来防止边缘崩溃和清除浮动.它提到这种行为会创建匿名表元素,因为每个HTML表都需要按设计存在,所以据我所知,重绘周期有6个新的空白元素用于处理每个clearfixed元素(table + anon row + anon cell*2) .这在回流/重涂循环期间是否有与性能相关的任何缺点？你会怎么测试这个？

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

.cf:after {
    clear: both;
}

Answer 1

它不会污染 DOM，但可以出于渲染目的计算对象。实施也许能够优化它们。

但各种盒子都是在渲染过程中计算的。没有具体需要担心这些。