在CSS中有三個顯示和隱藏的單詞比較常見,分別是 display visibility 和 overflow。
一、display 顯示
該屬性設置或檢索對手是否及如何顯示。
語法格式:
display:屬性值;
-
- block:以塊級元素顯示;
- inline:以行級元素顯示;
- inline-block:以行塊級元素顯示;
- none:隱藏對象,特點:隱藏之后,不再為其保留位置。
- block:以塊級元素顯示;
二、visibility 可見性
該屬性設置或檢索是否顯示對象。
語法格式:
visibility:屬性值;
-
- visible:對象可以看見;
- hidden:對象隱藏不可見;特點:隱藏之后,繼續保留原有位置。
- visible:對象可以看見;
三、overflow 溢出
該屬性用於檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容。
語法格式:
overflow:屬性值;
-
- visible:默認值,不剪切內容也不添加滾動條;
- auto:超出自動顯示滾動條,不超出不顯示滾動條;
- hidden:不顯示超過對象的內容,超出的部分隱藏掉;
- scroll:不管超出內容否,總是顯示滾動條。