该可视性属性指定一个元素是可见还是隐藏。最常见的值是可见和隐藏的。

隐藏元素可以通过将display属性设置为"none"或将visibility属性设置为"hidden"来完成。但是,请注意这两种方法会产生不同的结果:

visibility: hidden隐藏了一个元素,但它仍然会占用与之前相同的空间。该元素将被隐藏,但它仍将影响布局:

以下是一个示例:

HTML:

 
   此文本不会显示在浏览器中。
 
 
这是标题
 
 
段落上方的空格为空,因为
   div元素的可见性设置为隐藏。

CSS:

div.hidden { visibility:hidden; }	

结果: display: none隐藏元素,而不保留该元素的位置。改变能见度:隐藏; 到显示:无; 将产生以下结果: