我在一个表中有x个列数,水平方向恰好占用375px。我想在它们之间放置间隔符,这样元素就可以跨越可变宽度。如何才能最容易做到这一点?我对使用jQuery持开放态度。不过,我更喜欢使用CSS。
如果我没有说清楚,每一列都是375px宽。
发布于 2011-10-06 16:25:19
列的内容是固定宽度还是标准宽度?表格的单元格将填满表格的宽度,因此
a)为您的内容单元格提供标准宽度,并让间隔符根据表格总宽度的剩余部分计算自己的宽度
b)对于每个间隔单元格,提供标准宽度,并保留内容单元格的宽度,或者至少保留一个内容单元格的宽度,以便填充可用宽度
无论如何,当我使用表格时,我会尽量让表格在可能的情况下进行计算。
发布于 2011-10-06 16:22:13
如果我正确理解了您的问题,您可以将td宽度设置为100 / x百分比。如果您有许多具有不同列数的表,那么使用jquery动态设置它会更容易。否则,您可以在css中完成。
发布于 2011-10-06 16:24:35
这听起来很像flexible box model (或者FlexBox,如果我没记错的话)。你只需要用CSS就可以让它运行。不幸的是,IIRC它只能在本地使用HTML5(或者CSS3)。Here's a good intro to it via Smashing Magazine。
好消息是,有一些jQuery插件/ Javascript库可以为能力较弱的浏览器模拟它。Smashmag建议使用Flexie。
https://stackoverflow.com/questions/7671732
复制相似问题