如何使用固定宽度的列填充其容器的整个宽度？<table> </table>

Question

我有一个HTML页面，其中间有一个部分。此水平部分使用<table>并具有自定义背景图像，需要在整个部分中水平重复。该表中有5个元素。这些元素的静态大小为140px。

我的问题是，我无法让图像在剩余的空间中重复出现。就好像桌子不会拉伸整个宽度。但是，如果我将表格宽度设置为100％，则表格单元格会超过140px。

我该怎么办？我希望桌子能够填满整个空间。但我希望我的细胞保持恒定的大小，我希望使用背景图像。

谢谢！

Answer 1

<table>只与其中的单元格一样大。所以，如果你有5个单元格，每个140像素宽，表格只有700像素宽：它不会伸展到可用的整个宽度。

您可以将<table>包裹在<div>中，并将重复的背景图片放在<div>上，如果the 6th cell solution不起作用或不合适。< / p>

Answer 2

背景图片的大小与CSS无关，没有帮助。也许你可以用JavaScript破解一些东西，否则你将不得不知道你的背景图像有多大。

Answer 3

添加第6个单元格，不指定任何宽度。当表格宽度设置为100％时，这将使5个单元格保持在140px，第6个单元格将被拉伸到最后。

Answer 4

考虑将div中间部分包装并将背景图像应用于div。然后将表中td元素的宽度设置为140px。

这是example。显然，你需要引用你的图像而不是flurries.png（这不是小提琴的一部分所以它没有显示）。