首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML表格中为列保留相同的宽度是什么样的?

HTML表格中为列保留相同的宽度是什么样的?
EN

Stack Overflow用户
提问于 2018-04-03 06:22:32
回答 2查看 0关注 0票数 0

我有一个有几组列的表。该表比我的页面大,所以我有一个控件来显示/隐藏这些组以适应页面。初始表格看起来不错:组内的所有列都大约相同。但是,当我隐藏一个组时,列不再是相同的宽度,而且看起来很糟。

我试过使用

代码语言:javascript
复制
<colgroup><col /><col span="5" />...

但没有运气。如果我将col设置为style =“display:none”,那么仍然会显示一组列。

任何HTML / CSS提示保持与组相同宽度的列?

  • 要隐藏一列,我必须使用visibility:collapse
EN

回答 2

Stack Overflow用户

发布于 2018-04-03 15:10:22

如果table-layout: fixed;在表格上设置样式,则可以覆盖浏览器的自动列大小调整。然后,浏览器将根据表格第一行中单元格的宽度设置列宽。将其更改<thead><caption>并删除<td>它的内部,然后为单元格设置固定的宽度<tbody>

票数 0
EN

Stack Overflow用户

发布于 2018-04-03 15:29:15

将此样式设置为td:width:1%;

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

https://stackoverflow.com/questions/-100007943

复制
相关文章

相似问题

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