css – 实际表 Div表

前端之家收集整理的这篇文章主要介绍了css – 实际表 Div表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这个
<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>

现在,这两者之间在性能和/或渲染速度方面有什么区别吗?或者它们是一样的?

解决方法

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

使用表来表示他们的意图和div的意思是什么。显示表行和单元格属性是利用div布局,然后创建用于数据表示的表。将它们看作与报纸或杂志中相同的布局列和行。

性能明智你有几个更多的字节与div示例,lol 原文链接:https://www.f2er.com/css/222522.html

猜你在找的CSS相关文章