html - 使用 DIV 创建表

Question

我想制作一个仅使用 DIV 的可缩放 100% 的表格。我不想使用 display:table 或 display: table-cell，因为这不适用于 IE7。目标是使其尽可能跨浏览器兼容。

<div class="Wrapper">
    <div class="Row">
        <div class="Cell">1</div>
        <div class="Cell">2</div>
        <div class="Cell">3</div>
    </div>
    <div class="Row">
        <div class="Cell">4</div>
        <div class="Cell">5</div>
        <div class="Cell">6</div>
    </div>
</div>

如果可能的话，我想让单元格宽度自动设置，这样如果我添加更多单元格，它就可以完美地适合行，而无需将单元格推到第二行。一直在想办法解决这个问题。任何帮助都是极好的。谢谢

Answer 1

您可以将单元格的宽度设置为 100/单元格数量 %。 但是，如果您希望它自动调整为您需要 javascript 的单元格数量。

但我真的无法理解您认为用 div 制作表格有什么优势。