【CSS】css的隐藏display/visibility/overflow区别

最新推荐文章于 2021-06-04 03:06:24 发布

原创最新推荐文章于 2021-06-04 03:06:24 发布 · 413 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了CSS中使用display、visibility及overflow属性隐藏元素的不同方法。通过display属性隐藏元素时，页面内容会自动填补空缺；而visibility属性则保留元素占据的空间。overflow属性用于隐藏溢出的内容，通常需要配合设置宽高。

隐藏的样式区别

         display:none;               display:block;
         visibility:hidden;          visibility:visible;
         overflow:hidden;


display，隐藏之后不占位置，页面的内容会自动填补；

visibility,隐藏之后占位置，页面其他内容位置不变。

overflow,隐藏超出的部分。overflow的时候一般需要设置宽高。