找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 div css隐藏内容样式方法

div css隐藏内容样式方法

灰儿 2012-2-11 18:36:23
div+css隐藏内容方法
一般情况下,css隐藏的用途
1、对文本的隐藏
2、隐藏超链接(另类黑链)
3、对统计代码隐藏
4、隐藏超出图片
5、css隐藏滚动条
6、css来隐藏div
使用css隐藏方法
1、使用display:none;来隐藏所有信息(无空白位占据)推荐,
2、使用overflow:hidden;来隐藏溢出的文字或图片 适用推荐,
3、使用overflow-y:hidden;和overflow-x:hidden控制滚动条的隐藏与否,

常见div css隐藏案例
1、对display:none;文本图片的隐藏如
你是看不见我的

使用divcss样式display:none;将使得div内的内容隐藏通过浏览器什么也看不见,并且隐藏的内容也不会占用空间。通过此方法可以隐藏超链接文本(黑链)和图片等内容同时也会隐藏div层样式。推荐使用隐藏内容。
2、overflow: hidden 隐藏内容或图片
实例如:
我是可以看见的


< div style="overflow: hidden; width:30px; height:20px;">你是看不见我的。
< br/>
同样我也是可以看见的
1_100306083704_1.jpg
使用css样式通过对“你是看不见我的”div css层设置固定的高和宽,然后通过overflow: hidden样式即可使得超出固定的高宽内容隐藏同时也不占用被隐藏地方位置。
3、使用overflow-y:hidden;和overflow-x:hidden来隐藏或显示对应横或竖方向的滚动条。此案例可以进入css手册的overflow-y和css在线手册的overflow-x有详细的讲解对滚动条的设置隐藏或显示方法。
您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。