自动调整 div 容器 html 中表格中的列大小

我正在寻找一种解决方案（最好是在 css 或 html 中），以便我的位于 div 容器内的表格能够压缩其

<div id="imageline">
    <table width="100%">
    <tr>
         <td>Stuff, maybe an image</td>
         <td>Stuff, maybe an image</td>
         <td>Stuff, maybe an image</td>
         <td>Stuff, maybe an image</td>
         <td>Stuff, maybe an image</td>
         <td>Stuff, maybe an image</td>
    </tr>
    <tr>
         <td>Stuff, maybe an image</td>
         <td>Stuff, maybe an image</td>
         <td>Stuff, maybe an image</td>
    </tr>
    </table>
</div>

CSS代码：

#imageline {
width: 100%;
position:relative;
}

我觉得这个问题可以通过简单的css来解决。我一直在尝试 width:100% 的不同组合，但事情没有成功。非常感谢任何见解。

不幸的是，事情没那么简单。如果您考虑一下，在您的示例中，一行有 6 列，另一行有 3 列。您将无法将对象移到行外，因为正如您所期望的，该表旨在将所有内容保留在指定的行中。

因此，最好的方法是使用带有浮动选项的 DIV。 这是一个简短的example http://jsfiddle.net/aBqce/11/我正在谈论的事情。