CSS中隐藏内容的3种方法
来源:互联网 发布:win7网络共享软件 编辑:程序博客网 时间:2024/05/17 01:33
1、使用display:none来隐藏所有内容
display:none可以让网页中所有内容不显示,如代码、文字、链接、图片、div层,是推荐的内容隐藏方式。
display:none与visible:hidden的区别
2、使用visibility:hidden来隐藏内容
visibility:hidden和display:none可以隐藏的内容几乎一样,但唯一区别是它虽然隐藏了内容,但被隐藏掉的内容仍旧占据空间,这段隐藏了内容却保留空间的位置会在网页中显示为空白。3、使用overflow:hidden隐藏溢出内容
overflow:hidden这种方式可以隐藏掉固定区域外的内容,它可以有效控制显示区域。但应注意,使用它时需要给它定义宽度和高度,否则会无效。display:none与visible:hidden的区别
display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:
display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。
visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。
阅读全文
0 0
- CSS中隐藏内容的3种方法
- CSS中隐藏内容的方法汇总
- CSS中隐藏内容的3种方法及属性值
- 使用CSS即可使以上提到的内容隐藏起来,几种隐藏内容的方法:
- CSS 隐藏内容的三种方法与比较
- div+css隐藏内容方法
- css中隐藏元素的几种方法
- DIV CSS隐藏内容样式方法大全
- CSS隐藏div及html内容方法
- CSS隐藏元素的五种方法
- css隐藏的三种方法
- CSS 隐藏元素的八种方法
- CSS隐藏元素的几种方法
- 隐藏css中超出TD宽度的字段的方法
- css中隐藏元素的方法与区别
- css隐藏文字的方法
- css 隐藏元素的方法
- CSS“隐藏”元素的几种方法的对比
- vc调试大全
- matplotlib.pyplot画灰度图
- 腾讯云直播~上
- Android VR Player(全景视频播放器) [5]:简单的欢迎界面
- 线性筛法(一)--素数筛法(二)
- CSS中隐藏内容的3种方法
- 带参数的main函数
- 分享一个Android 分类打印,及日志记录工具
- Centons7上安装Redis3.2.8并配置多端口
- 《人类的演化》书摘
- UML类图关系(泛化 、继承、实现、依赖、关联、聚合、组合)
- 全文搜索 (二)
- 【Android Studio错误汇总】Attribute "height" already defined with incompatible format.
- C++第三课------默认构造函数