可见性:折叠呈现为可见性:隐藏

Ver*_*gün 5 css

坍方

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

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

然而,元素仍然占据空间visibility: hidden.我在Safari和Chrome上测试过.任何人都有一个解决方案,其中table维护布局但空间被删除?

bfa*_*tto 9

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

visibility:collapse在某些现代浏览器中,支持缺失或部分不正确.在许多情况下,可能无法正确处理visibility:hidden表行和列以外的元素.

你可以用这个jsFiddle来测试它:http://jsfiddle.net/meT7k/.在Chrome中,第一行呈现为visibility: hidden.在Firefox中,collapse正确应用.

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