CSS中元素的显示与隐藏

  • 2019-11-22
  • 2761

类似于网站广告,当我们点击关闭就不见了,但我们重新刷新页面,会重新出现!

本质:让一个元素在页面中隐藏或者显示出来。

1 display属性

display属性用于设置一个元素应如何显示。

 

  • display: none; 隐藏对象
  • diaplay: block;除了转换为块级元素外,同时还有显示元素的意思

dispaly隐藏元素后,不再占有原来的位置。

 2 visibility属性

visibility属性用于指定一个元素是可见还是隐藏的。

visibility: hidden; 元素隐藏

visibility: visible; 元素可视

visibility隐藏元素后,继续占有原来的位置。

如果隐藏元素还想要原来的位置,就用visibility: hidden

不想占用原来的位置,就用display: none

3 overflow属性

overflow属性指定了如果内容溢出了制定边框,会发生什么

属性值 描述
visible 不剪切内容,也不添加滚动条
hidden 隐藏溢出的部分
scroll 不管内容是否超出,都显示滚动框
auto 根据内容,决定是否显示滚动条

相关阅读

律师网站设计:用CSS实现半透明边框与多重边框

律师小程序开发:可实时改变转速的css3旋转动画

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询