当前位置: 首页 > 面试题库 >

实际表与 Div表

左丘修齐
2023-03-14
问题内容

这个

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

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



 类似资料:
  • 我在某处读到过,流操作总是在终端操作时返回一个新集合,并且不会更改已应用流操作的原始集合。 但在我的情况下,原始列表已被修改。 修改此操作后,订阅列表仅包含AlertPrefContactTypeEnum。PRIMARY和AlertPrefContactTypeEnum。次要对象。我的意思是列表的大小保持不变,但值发生了变化。

  • 或者这个: 如果REST用于资源,而RPC用于过程,那么将RPC用于这样的事情难道不是一个糟糕的实践吗? 如果我错了请纠正我,但在我看来,RPC应该更纯粹地是功能性的。 意味着调用过程应该始终: null 如果这个问题因为太“基于意见”而结束,我就会知道我应该做任何我想做的事...

  • 问题内容: 嗨,我正在尝试通过下面的查询删除表中的所有行 我正在表中删除n行。但是表中仍然存在行。我的删除通话有什么问题吗? 问题答案: 您需要先调用以将对数据库所做的所有更改提交给数据库,然后再调用: 来源(Android开发人员参考): 如果任何事务未标记为干净而结束(通过调用setTransactionSuccessful),则更改将回滚。否则,他们将被提交。

  • 我试图接近这种设计,我有不同的div与显示内嵌块。我想做的是为所有div保持相同的保证金底部,但似乎div的内容高度会影响每个div顶部的空间。 这是代码和css: 只是印刷和排版行业的虚拟文本 只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是业界标准的虚拟文本,当时一家不知名的打印机在打印时使用了一个厨房 只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界的

  • 问题内容: 即时创建元素并能够移动元素的最佳方法是什么?例如,假设我要创建一个矩形,圆形和多边形,然后选择这些对象并四处移动。 我了解HTML5提供了三个使之成为可能的元素:svg,canvas和div。对于我想做什么,这些元素中的哪一个将提供最佳性能? 为了比较这些方法,我正在考虑创建三个视觉上相同的网页,每个网页中都有页眉,页脚,小部件和文本内容。第一页中的小部件将完全使用元素创建,第二页中的

  • 我正在做 多谢了。