CSS-元素的显示与隐藏


CSS-元素的显示与隐藏

dispaly

  • display:none; 隐藏对象
  • display:block;出了转换成块级元素外,同时还有显示元素的意思(inner-block是不是也可以?)

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

)]()

visibility

可选参数 说明
inherit 继承上一个父元素的可见性
visible 对象可见
hidden 对象隐藏
collapse 主要用于隐藏表格的行或列

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

默认为visible :

使用hidden,继续保留原来的位置:

overflow

对溢出的位置进行显示隐藏

可选参数 说明
visible 不剪切内容也不添加滚动条
auto 在需要时剪切内容并添加滚动条
hidden 不显示超过对象尺寸的内容
scroll 总是显示滚动条

visible,即默认情况

hidden

scroll


文章作者: 木叶勇
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 木叶勇 !
  目录