元素的顯示與隱藏存在三個屬性。display、visibility和overflow。
display
display用於設置一個元素如何顯示。其用法如下:
display:none; 隱藏對象,使用display隱藏對象之後,元素不再佔有原來的位置。
display:block; 顯示對象,還有一層其他的含義就是轉換爲塊元素的意思。
display除了以上兩種用法之外,還有一些其他的用法。如下:
visibility
此屬性指定是否顯示一個元素生成的元素框,即元素仍佔有原來的空間,但可以完全不可見。 其用法含義如下:
值 描述 visible 默認值。元素是可見的。 hidden 元素是不可見的。 collapse 當在表格元素中使用時,此值可刪除一行或一列,但是它不會影響表格的佈局。被行或列佔據的空間會留給其他內容使用。如果此值被用在其他的元素上,會呈現爲 "hidden"。 inherit 規定應該從父元素繼承 visibility 屬性的值。
overflow
此屬性定義溢出元素內容區的內容會如何處理,如果未scroll,不論是否需要,都會產生滾動條。就算是可以放下所有元素仍會出現。其取值如下:
值 描述 visible 默認值。內容不會被修剪,會呈現在元素框之外。 hidden 內容會被修剪,並且其餘內容是不可見的。 scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便查看其餘的內容。 auto 如果內容被修剪,則瀏覽器會顯示滾動條以便查看其餘的內容。 inherit 規定應該從父元素繼承 overflow 屬性的值。