元素的顯示與隱藏
-
本質：讓一個元素在頁面中隱藏或顯示出來
-
display：顯示隱藏
- 用于設定一個元素應如何顯示
- display：none；隱藏物件
- display：block；隱藏物件
- 【注意】
- display隱藏元素后，不在占有原來的位置
-
visibility：顯示隱藏
- visibility：visible；元素可視
- visibility：hidden：元素隱藏
- 【注意】
- visibility隱藏元素后，繼續占有原來的位置
-
overflow：溢位顯示隱藏
-
overflow屬性制定了如果內容溢位一個元素的框（超過其指定高度及寬度）時，會發生什么
-
visible
-
hidden
-
scroll：溢位的部分顯示滾動條
-
屬性值 描述 visible 不剪切內容也不添加滾動條 hidden 不顯示超過物件尺寸的內容，超過的部分隱藏掉 scroll 不管超過內容否，總是顯示滾動條 auto 超出自動顯示滾動條，不超出不顯示滾動條 -
一般情況下，我們都不想讓溢位的內容顯示出來，因為溢位的部分影響布局
-
但是如果有定位的盒子，請慎用overflow：hidden；因為他會隱藏多余的部分
-
-
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/103978.html
標籤：Html/Css
下一篇：css精靈圖&字體圖示