html - 在表中包装列

Question

我有一个包含 10 个固定宽度列的行的表格，在重新调整页面大小时调整表格的最佳方法是什么。

例如：如果我调整页面大小并且只有 5 列适合，我如何将剩余的 5 列换成新行？

我正在寻找什么是最好的方法来做到这一点的指针。任何建议将不胜感激

谢谢

Answer 1

如果你想重排单元格，我猜你想要的不是表格，只是对齐的元素。为此，最好使用浮动，像这样......

<div style="overflow:auto">
    <div style="width:200px;float:left">A</div>
    <div style="width:200px;float:left">B</div>
    <div style="width:200px;float:left">C</div>
    <div style="width:200px;float:left">D</div>
    <div style="width:200px;float:left">E</div>
    <div style="width:200px;float:left">F</div>
    <div style="width:200px;float:left">G</div>
</div>

（最好将样式放在 CSS 文件中，使用类等。我使用div了 s 但与样式相同的东西，LI除非您可能需要display:block在样式中添加 a）。height此外，如果单元格的内容可以具有不同的高度，您可能还必须添加 a 。