CSS------元素隐藏显示

常见的三种元素显示隐藏

- display(英文显示的意思)

  • 设置元素的可见block(也有转为块元素的意思)与不可见none(隐藏对象)
  • display元素设置的隐藏就相当于这个元素没有存在过一样在页面中彻底消失,不会有它占有的位置。
    -visibility(能见度,可见性,可见度,能见)

  • 它的属性值由visible:对象可见,默认状态就是可见。

  • 另一个属性hidden;不可见,元素虽然看不见了但是它存在,意思就是他还占有原先的位置。
    overflow(溢出,充溢)

  • overflow:hidden;是最常用的一般用于元素的隐藏,也用于清除浮动,用在内容超过指定宽高意味着溢出的部分自动隐藏。

  • overflow:scroll;给此区域加上了滚动条,用户自己查滚动条的内容,大小是指定的宽度,不管内容溢出了还是没溢出。
  • overflow:auto;auto相对比较灵活他的意思为内容超出是会自动显示滚动条,不超出正常显示,没有滚动条。
  • overflow:visible;意思是无论啥情况,盒子该咋显示咋显示不会理会内容,内容该溢出的还会溢出,不添加滚动条也不会隐藏或者剪切内容。
    如下图:
    这里写图片描述

    元素的三种隐藏显示暂且整理到这里,毕竟知识如浩瀚的星空学不完的,日后还会添加~

猜你喜欢

转载自blog.csdn.net/qq_36647038/article/details/81209814
今日推荐