visibility:collapse;在table里面应用效果

既然说到visibility属性,他还有visible和collapse属性值,visible和hidden对应,不需多说。collapse属性却很有意思,当一个元素的 visibility 属性被设置成 collapse 值后,对于一般的元素,它的表现跟 hidden 是一样的。但例外的是,如果这个元素是table相关的元素,例如table行,table group,table列,table column group,它的表现会和浏览器不同而变化。在此使用FF48.0.2、Chrome 52.0.2743.116和IE8测试:

  1. 在谷歌浏览器里,使用 collapse 值和使用 hidden 值没有什么区别。

  2. 在火狐浏览器和IE8里,使用 collapse值的效果就如它的字面意思:table的行会消失,它的下面一行会补充它的位置。效果类似于display:none。


你可能感兴趣的:(HTML,CSS学习)