DIV CSS隐藏内容样式方法大全
来源:互联网 发布:python Image.new 编辑:程序博客网 时间:2024/04/29 01:46
DIV CSS网页布局有很多值得学习的地方,这里和大家重点讨论一下DIV CSS隐藏内容样式方法,相信本文介绍一定会让你有所收获。
DIV CSS隐藏内容样式方法
CSS隐藏的用途
1、对文本的隐藏
2、隐藏超链接(另类黑链)
3、对统计代码隐藏
4、隐藏超出图片
5、CSS隐藏滚动条
6、CSS来隐藏DIV层
使用CSS隐藏方法
1、使用display:none;来隐藏所有信息(无空白位占据)推荐,CSSdisplay手册查看
2、使用overflow:hidden;来隐藏溢出的文字或图片适用推荐,CSSoverflow手册查看
3、使用overflow-y:hidden;和overflow-x:hidden控制滚动条的隐藏与否,CSSoverflow-y手册查看,CSS手册查看overflow-x
常见DIV CSS隐藏案例
1、对display:none;文本图片的隐藏如
<divstyledivstyle="display:none;">你是看不见我的</div>
使用div中CSS样式display:none;将使得div内的内容隐藏通过浏览器什么也看不见,并且隐藏的内容也不会占用空间。通过此方法可以隐藏超链接文本(黑链)和图片等内容同时也会隐藏div层样式。推荐使用隐藏内容。
2、overflow:hidden隐藏内容或图片
实例如:
我是可以看见的
<br/><br/>
<divstyledivstyle="overflow:hidden;width:30px;height:20px;">
你是看不见我的。</div>
<br/>
同样我也是可以看见的
使用CSS样式通过对“你是看不见我的”DIV CSS层设置固定的高和宽,然后通过overflow:hidden样式即可使得超出固定的高宽内容隐藏同时也不占用被隐藏地方位置。
3、使用overflow-y:hidden;和overflow-x:hidden来隐藏或显示对应横或竖方向的滚动条。
此案例可以进入CSS手册的overflow-y和CSS在线手册的overflow-x有详细的讲解对滚动条的设置隐藏或显示方法。
0 0
- DIV CSS隐藏内容样式方法大全
- div+css隐藏内容方法
- CSS隐藏div及html内容方法
- DIV+CSS 属性样式大全
- css样式控制div内容垂直居中
- CSS中隐藏内容的方法汇总
- CSS样式隐藏图片作为背景图片上方的文字内容
- js打印div指定区域内容并保留css样式
- css属性样式、事件、集合、滤镜、方法、对象、样式大全
- div隐藏区域内容
- css显示隐藏div
- 圆角div css样式
- css div 样式
- div+css 样式 设置
- div+css样式兼容
- div,css,js样式
- div+css内部样式
- CSS.DIV网页样式
- 拖动窗体的任意区域移动窗体
- 单链表结点查找
- Dijkstra最短路径算法
- c++中静态const型map成员变量的初始化
- Delphi组件开发-在窗体标题栏添加按钮
- DIV CSS隐藏内容样式方法大全
- 多态
- sed之G、H、g、h使用
- Delphi自动提交网页表单和获取框架网页源码
- VS2012开发.net程序,release版本不能使用Reportviewer的解决办法
- 设置UltraEdit的语法高亮显示
- 控制HTML元素的显示与隐藏——display和visibility
- 获取含跨域网址的框架网页的源码
- Linux smaps接口文件结构