写点什么

CSS14 - 元素可见性

发布于: 2021 年 01 月 14 日
CSS14 - 元素可见性

元素的显示与隐藏

CSS 中与显示和隐藏有关的有三个最常用的单词,它们分别是 display、visibility 和 overflow。它们的主要目的是让一个元素在页面中消失,但是不在文档源码中删除。 最常见的是一些网页上的广告,当我们点击关闭时看起来是关闭不见了,但是我们刷新页面后它们又会出现在原来的位置。

display 显示

display 设置或检索对象是否及如何显示。

display : none 隐藏对象,与它相反的是 display:block;除了转换为块级元素之外,同时还有显示元素的意思。

特点: 隐藏之后,不再保留位置。display:none 属性常用来做二级导航页面。


visibility 可见性

设置或检索是否显示对象。

visible :  对象可见

hidden :  对象隐藏

特点: 隐藏之后,继续保留原有位置(停职留薪)。

overflow 溢出

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。

visible :  不剪切内容也不添加滚动条(默认值)。

auto :   超出时自动显示滚动条,不超出不显示滚动条。

hidden :  不显示超过对象尺寸的内容,超出的部分被隐藏掉。

scroll :  不管超出内容否,总是显示滚动条。


发布于: 2021 年 01 月 14 日阅读数: 15
用户头像

所思在远道 2020.08.19 加入

一只慢慢进步的小白

评论

发布
暂无评论
CSS14 - 元素可见性