CSS表:防止空单元格的表折叠成一行？
提问于 2016-04-20 18:46:44
我在所有的TD周围都有一个边框，但是因为它们只包含隐藏的元素，所以它们折叠成一行。有没有办法让它们在不显式设置高度和宽度的情况下占用表的宽度？
i.e. height: 200px; width: 200px; 我也尝试过其他有前途的风格，如empty-cells:show，但都没有用。理想情况下，我希望单元格自动大小以填充表的高度/宽度。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-04-20 19:47:57
您有一些选项，不能通过CSS为单元格定义特定的高度，但可以为单元格定义最小宽度(而无需为整个表设置宽度)。假设您的表具有.mytable类，如果添加以下代码，将出现单元格：
.mytable td {
min-width: 80px;
}
.mytable td::before {
content: "\00a0";
}我们在这里为表格单元格添加一个最小宽度，加上在单元格中添加一个伪元素(特别是一个非破间隔)，因此我们向单元格中添加“不可见的内容”。这将适用于所有单元格，如果您希望应用于特定的单元格，则需要通过一个类来执行该操作。
希望这能有所帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36758695
复制相关文章
![java google 离线地图开发_如何发布google离线地图及二次开发API[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/ea6812cf20f023fb16e6d061fccaab78.png)
腾讯云开发者
