CSS 元素的顯示與隱藏


  在CSS中有三個顯示和隱藏的單詞比較常見,分別是 display visibility 和 overflow。

一、display 顯示

  該屬性設置或檢索對手是否及如何顯示。

  語法格式:

display:屬性值;
    •   block:以塊級元素顯示;
    •       inline:以行級元素顯示;
    •       inline-block:以行塊級元素顯示;
    •       none:隱藏對象,特點:隱藏之后,不再為其保留位置。

二、visibility 可見性

  該屬性設置或檢索是否顯示對象。

  語法格式:

visibility:屬性值;
    •   visible:對象可以看見;
    •       hidden:對象隱藏不可見;特點:隱藏之后,繼續保留原有位置。

三、overflow 溢出

  該屬性用於檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容。

  語法格式:

overflow:屬性值;
    •   visible:默認值,不剪切內容也不添加滾動條;
    •       auto:超出自動顯示滾動條,不超出不顯示滾動條;
    •       hidden:不顯示超過對象的內容,超出的部分隱藏掉;
    •       scroll:不管超出內容否,總是顯示滾動條。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM