css元素的可视属性visibility – CSS高级教程-srcmini

上一章CSS高级教程请查看：css可视格式化模型

CSS可视性属性确定一个元素是可见的还是隐藏的。

控制元素的可见性

你可以使用visibility属性来控制一个元素是否可见，此属性可以取下表中列出的下列值之一：

值	描述
visible	默认值。盒子和里面的东西都是可见的。
hidden	框及其内容是不可见的，但仍然影响页面的布局。
collapse	此值将导致从显示中删除整个行或列。此值用于行、行组、列和列组元素。
inherit	指定可视性属性的值应该继承自父元素，即获取与为其父元素指定的相同的可视性值。

样式规则visibility: collapse;不过，它删除了内部表元素，但不会以任何其他方式影响表的布局。表元素通常占用的空间将由后续的兄弟元素填充。

注意：如果样式规则可见性:折叠;是为其他元素而不是表元素指定的，它会导致与隐藏相同的行为。

Display和visibility的CSS属性看起来是一样的，但实际上它们是完全不同的，并且经常混淆那些web开发新手。

可见性visibility:hidden：隐藏元素，但它仍然占据布局中的空间。如果可见性设置为可见，则隐藏框的子元素将是可见的。

显示display:none：关闭显示并从文档中完全删除元素。它不占用任何空间，即使它的HTML仍然在源代码中。所有子元素也都关闭了它们的显示，即使它们的display属性被设置为none以外的值。