6

坍塌

仅适用于table元素。collapse删除行或列,但不影响table布局。行或列所占用的空间将可用于其他内容。如果在其他元素上使用了折叠,则它呈现为hidden.

http://www.w3schools.com/cssref/pr_class_visibility.asp

但是,该元素仍然像visibility: hidden. 我已经在 Safari 和 Chrome 上进行了测试。任何人都有table维护布局但删除空间的解决方案?

4

2 回答 2

9

它不会在所有浏览器上按预期工作,只有 Firefox 和 IE(我现在无法确认 IE)。MDN 文档visibility说:

在某些现代浏览器中,对 的支持visibility:collapse缺失或部分不正确。在许多情况下,它可能不会像visibility:hidden在表格行和列之外的元素上那样被正确处理。

您可以使用这个 jsFiddle 对其进行测试:http: //jsfiddle.net/meT7k/。在 Chrome 中,第一行呈现为visibility: hidden. 在 Firefox 中,collapse正确应用。

display: none在 Chrome 中,当应用到行时,您会得到所需的结果。但是,这可能会强制重新布局整个表格(例如,更改display属性后列宽可能会改变)。

于 2012-10-03T14:38:47.500 回答
-1

将内容包装在 a 中<span></span>并将显示设置为无。

于 2012-10-03T14:21:23.900 回答