css – 实际表 Div表

前端之家收集整理的这篇文章主要介绍了css – 实际表 Div表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这个 @H_404_2@<table> <tr> <td>Hello</td> <td>World</td> </tr> </table>

可以做到这一点:

@H_404_2@<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

猜你在找的CSS相关文章