在表格中包装列

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 s也是如此，除非您需要添加display:block造型）。此外，如果单元格的内容具有不同的高度，您可能还需要添加height。