一千萬個為什麽

搜索

實際表格Div表

這個

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

Can be done with 這個:

<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表