CSS之元素的显示与隐藏

元素的显示与隐藏

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

display属性(重要)

  • display: none; – 让标签消失,隐藏元素并脱离文档流(不再占有原来的位置)
  • display: inline; --内联元素(内联表签)
  • display: block; – 除了转换为块级元素外,同时还有显示元素的意思
  • display: inline-block; – 既有inline的属性也有block属性

visibility元素

visibility:visible :元素是可见的。(默认值)
visibility:hidden :元素是不可见的。
visibility隐藏元素后,继续占有原来的位置

overflow溢出

此属性指定了如果内容溢出一个元素的框(超过其指定高度及宽度)时,会发生什么
值:
visible :溢出的内容可以显示出来
hidden :隐藏溢出的部分
scroll :溢出的部分显示滚动条(没有超出时也会显示滚动条)
auto :在需要的时候添加滚动条(没有超出时不会显示滚动条)
//一般不希望溢出部分显示出,但如果有定位的盒子要慎用hidden属性值

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页