坍塌
仅适用于
table
元素。collapse
删除行或列,但不影响table
布局。行或列所占用的空间将可用于其他内容。如果在其他元素上使用了折叠,则它呈现为hidden
.
http://www.w3schools.com/cssref/pr_class_visibility.asp
但是,该元素仍然像visibility: hidden
. 我已经在 Safari 和 Chrome 上进行了测试。任何人都有table
维护布局但删除空间的解决方案?
坍塌
仅适用于
table
元素。collapse
删除行或列,但不影响table
布局。行或列所占用的空间将可用于其他内容。如果在其他元素上使用了折叠,则它呈现为hidden
.
http://www.w3schools.com/cssref/pr_class_visibility.asp
但是,该元素仍然像visibility: hidden
. 我已经在 Safari 和 Chrome 上进行了测试。任何人都有table
维护布局但删除空间的解决方案?
它不会在所有浏览器上按预期工作,只有 Firefox 和 IE(我现在无法确认 IE)。MDN 文档visibility
说:
在某些现代浏览器中,对 的支持
visibility:collapse
缺失或部分不正确。在许多情况下,它可能不会像visibility:hidden
在表格行和列之外的元素上那样被正确处理。
您可以使用这个 jsFiddle 对其进行测试:http: //jsfiddle.net/meT7k/。在 Chrome 中,第一行呈现为visibility: hidden
. 在 Firefox 中,collapse
正确应用。
display: none
在 Chrome 中,当应用到行时,您会得到所需的结果。但是,这可能会强制重新布局整个表格(例如,更改display
属性后列宽可能会改变)。
将内容包装在 a 中<span></span>
并将显示设置为无。