display:none 与 visibility:hidden 的区别

发表于
  • 空间占据
    • display: none; 后原元素及其子元素均不会再占用空间
    • visibility: hidden; 后原元素及其子元素仍然会占用空间
  • 影响子元素
    • display: none; 后子元素会一并隐藏
    • visibility: hidden; 后子元素默认会隐藏但是可用 visibility: visible; 将其重新显示