首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在表格中保持间隔整齐

在表格中保持间隔整齐
EN

Stack Overflow用户
提问于 2011-10-06 16:15:56
回答 3查看 84关注 0票数 0

我在一个表中有x个列数,水平方向恰好占用375px。我想在它们之间放置间隔符,这样元素就可以跨越可变宽度。如何才能最容易做到这一点?我对使用jQuery持开放态度。不过,我更喜欢使用CSS。

如果我没有说清楚,每一列都是375px宽。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-10-06 16:25:19

列的内容是固定宽度还是标准宽度?表格的单元格将填满表格的宽度,因此

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

b)对于每个间隔单元格,提供标准宽度,并保留内容单元格的宽度,或者至少保留一个内容单元格的宽度,以便填充可用宽度

无论如何,当我使用表格时,我会尽量让表格在可能的情况下进行计算。

票数 1
EN

Stack Overflow用户

发布于 2011-10-06 16:22:13

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

票数 1
EN

Stack Overflow用户

发布于 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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7671732

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档