1. 程式人生 > >隱藏頁面元素visibility和display

隱藏頁面元素visibility和display

定義和用法

隱藏元素 - display:none或visibility:hidden

隱藏一個元素可以通過把display屬性設定為"none",或把visibility屬性設定為"hidden"。但是請注意,這兩種方法會產生不同的結果。

visibility:hidden可以隱藏某個元素,但隱藏的元素仍需佔用與未隱藏之前一樣的空間。也就是說,該元素雖然被隱藏了,但仍然會影響佈局

h1.hidden {visibility:hidden;}

display:none可以隱藏某個元素,且隱藏的元素不會佔用任何空間。也就是說,該元素不但被隱藏了,而且該元素原本佔用的空間也會從頁面佈局中消失。

h1.hidden {display:none;}

 

 

 

原文地址http://www.runoob.com/css/css-display-visibility.html