包装表中的列

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，但样式LI s也是如此，除了可能需要在样式中添加display:block）。此外，如果单元格的内容可以具有不同的高度，则可能还必须添加height。