元素的显示与隐藏

设置元素显示与隐藏的常用属性

display 显示方式

  • none  元素隐藏,且隐藏之后,不保留其位置
  • block 元素作为块级元素显示
  • inline 元素作为行级元素显示
  • inline-block 元素作为行内块元素显示

不同元素的display默认值不一样,一般使用none和block进行元素显示与隐藏的切换

visibility 可见性

  • hidden 元素不可见,不是隐藏,所以保留其位置
  • visible 元素可见(默认值)

overflow 溢出

  • hidden 溢出隐藏
  • auto 超出则显示滚动条
  • scroll 一直显示滚动条
  • visible 不隐藏溢出,也没有滚动条(默认值)

一般使用hidden,因为自带的滚动条样式无法修改,所以滚动条还是自己来做好

猜你喜欢

转载自blog.csdn.net/qq_42760049/article/details/89460901