visibility 和 display 的区别

一、隐藏元素

  • 元素设置为 display: none; 时,元素隐藏,元素在结构中不占据位置。
  • 元素设置为 visibility: hidden; 时,元素隐藏,元素在结构中依旧占据位置。

二、对子元素的影响

  • 父元素设置为 display: none; 时,子元素设置 display: block; 无效。
  • 父元素设置为 visibility: hidden; 时,子元素设置 visibility: visible; 元素再次显示。

本文链接:https://my.lmcjl.com/post/11428.html

展开阅读全文

4 评论

留下您的评论.