欢迎来到山村网

DIV CSS隐藏内容样式方法大全

2019-03-29 00:01:15浏览:935 来源:山村网   
核心摘要:DIV CSS网页布局有很多值得学习的地方,这里和大家重点讨论一下DIV CSS隐藏内容样式方法,相信本文介绍一定会让你有所收获。DIV

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有详细的讲解对滚动条的设置隐藏或显示方法。
(责任编辑:豆豆)
下一篇:

div+css必看的15个css重则

上一篇:

div+css网页布局时不能滥用div元素

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com