This
<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 示例还有更多字节,哈哈:)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)