display visibility overflow

1. display

將一個內聯元素變成塊元素

可選值:

inline: 將一個元素作爲內聯元素顯示

block: 將一個元素作爲塊元素顯示

inline-block: 講一個元素轉換爲行內塊元素

none: 不顯示元素,元素不會在頁面繼續佔位

2. visibility

可以用來設置元素隱藏和顯示的狀態

可選值:

visible: 默認值,元素會在頁面顯示

hidden: 元素隱藏不顯示,元素雖然不會顯示,但是位置依然保持

3. overflow

通過overflow給父元素設置處理溢出內容

可選值:

visible: 不會對溢出內容做處理,元素會在父元素的位置顯示,溢出的內容呈現在元素框外

hidden: 溢出的內容會被修剪,不會顯示

scroll: 內容會被修剪,瀏覽器會以滾動條方式顯示,以便查看內容

auto: 如果內容會被修剪,瀏覽器會以滾動條方式顯示,以便查看內容

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章