热搜词
发表于 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有详细的讲解对滚动条的设置隐藏或显示方法。
全部评论0
回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2025-1-16 04:57 , Processed in 0.242423 second(s), 36 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2025 Discuz! Team