CSS基礎之元素的顯示與隱藏

        元素的顯示與隱藏存在三個屬性。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 屬性的值。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章