CSS visibility 属性
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属性用于表格,则可以控制表格的显示与隐藏。需要注意的是,当我们隐藏一个元素时,元素内的所有子元素会被同时隐藏。