CSS visibility 属性

CSS的visibility属性用于设置元素是否可见，以及元素是否占据空间。该属性可以接受两个值：visible和hidden。

visibility: visible

元素默认的可见性为visible，如果指定一个元素的可见性为visible，那么这个元素将会被渲染出来，占据空间。

visibility: hidden

如果将一个元素的可见性属性设置为hidden，那么这个元素就不会被渲染出来，同时也不会占据空间。该元素的位置会被其他元素所代替，导致其他元素的位置发生调整。

在使用visibility属性隐藏元素时，需要考虑元素内的任何子元素也将被同时隐藏。

visibility: collapse

visibility: collapse与display: none效果类似，用于隐藏表格的空行、空列等元素。该属性只用于表格，用于控制表格的显示与隐藏。

总结

CSS的visibility属性用于控制元素的可见性和是否占据空间。如果将元素的可见性设置为hidden，则该元素不会被渲染出来，同时不占据空间；如果将元素的可见性设置为visible，则该元素会被渲染出来，同时占据空间。如果使用visibility: collapse属性用于表格，则可以控制表格的显示与隐藏。需要注意的是，当我们隐藏一个元素时，元素内的所有子元素会被同时隐藏。