在77ISP学技术

每日笔记，CSS 控制布局,css隐藏模块，隐藏和显现div

隐藏元素 - display:none 还是 visibility:hidden？

通过将 display 属性设置为 none 可以隐藏元素。该元素将被隐藏，并且页面将显示为好像该元素不在其中：

实例

h1.hidden {
  display: none;
}

被隐藏后不会占用空间

visibility:hidden; 也可以隐藏元素。

但是，该元素仍将占用与之前相同的空间。元素将被隐藏，但仍会影响布局：

实例

h1.hidden {
  visibility: hidden;
}

被隐藏后仍然会占用相同空间

display:none

 删除

visibility:hidden

   隐藏

Reset

   重置所有

CSS Display/Visibility 属性