元素的隱藏和顯示(display ,visibility ,overflow)

weixin_45282543發表於2020-11-19

元素的隱藏和顯示

  1. display 隱藏元素後，不佔有原來位置。

​ display: none ; 隱藏物件

​ display: block ; 顯示元素 （轉化為塊元素）

  1. visibility 隱藏元素後，繼續佔有原來位置。

    visibility: visible; 元素可視

    visibility: hidden; 元素隱藏

  2. overflow 溢位

    overflow: visible; 不剪下內容，也不新增滾動條。

    overflow: hidden; 不顯示超出尺寸的內容，溢位部分隱藏

    overflow: scroll: 不管內容是否超出，都會顯示滾動條

    overflow: auto; 超出顯示滾動條，不超出則不顯示。

  3. height:0/weight:0

  4. div
{/*透明*/
opacity:0;
}

相關文章