实际表与 Div表

小编典典

实际表与 Div表

css

这个

<table>
    <tr>
        <td>Hello</td>
        <td>World</td>
    </tr>
</table>

可以这样做：

<div>
    <div style="display: table-row;">
        <div style="display: table-cell;">Hello</div>
        <div style="display: table-cell;">World</div>
    </div>
</div>

现在，这两者在性能和/或渲染速度方面是否存在任何差异，或者它们是相同的？

阅读 348

2020-05-16

共1个答案

小编典典

用div模拟数据表在语义上是不正确的，并且通常与性能无关，因为渲染是即时的。瓶颈来自JavaScript或带有很多嵌套元素的超长页面，通常在过去，嵌套元素通常是100个用于创建布局的嵌套表。

将表用于其含义，将div用于其含义。display table-
row和cell属性将更多地利用div布局，然后再创建用于数据表示的表。将它们视为与您在报纸或杂志上找到的版式相同的布局列和行。

在性能方面，div示例还有几个字节，哈哈:)

2020-05-16