将垫片放在桌子上

Question

我在表格中有x个列，水平占据了375像素。我想在它们之间放置垫片，以便元素跨越可变宽度。这最容易实现的是什么？我愿意使用jQuery。我更喜欢使用CSS。

如果我没说清楚，那些列的宽度分别为375px。

Answer 1

如果我正确理解了您的问题，您可以将td宽度设置为100 / x％。 如果您有许多具有不同列数的表，则使用jquery动态设置它会更容易。否则你可以在css中完成。

Answer 2

听起来很像flexible box model（或FlexBox，如果我没弄错的话）。你可以用CSS运行它。不幸的是，IIRC只能用HTML 5（或者说CSS 3）本地工作。 Here's a good intro to it via Smashing Magazine

好消息是有jQuery插件/ Javascript库可以为功能较少的浏览器模拟它。 Smashmag建议Flexie。

Answer 3

列的内容是固定宽度还是标准宽度？表格的单元格将填充表格的宽度，因此

a）为内容单元格提供标准宽度，并让间隔符根据表格总宽度的剩余部分计算自己的宽度

b）对于每个间隔单元，提供标准宽度，并单独留下内容单元格的宽度，或至少单独一个内容单元格，以便填充可用宽度

对于它的价值，当我使用表格时，我尝试让表格尽可能地进行计算。