一个函数实现一个功能，一篇文章解决一个痛点

前言

要隐藏一个元素，有多种方法，比如display:none 、visibility:hidden、opacity:0。看上去元素都消失了，可是它们真的消失在文档流里了吗？

display:none

有两个方块，下图为未加display:none 下图为加了display:none

结论：display:none：从文档中删除元素。它不会占据任何空间。

有两个方块，下图为未加visibility:hidden

下图为加了visibility:hidden

结论：visibility:hidden：隐藏元素，但仍占据布局中的空间。

有两个方块，下图为未加opacity:0

下图为加了opacity:0

结论：opacity:0：隐藏元素，但仍占据布局中的空间。

display: none	visibility: hidden	opacity: 0
从文档中删除元素。它不会占据任何空间	隐藏元素，但仍占据布局中的空间	隐藏元素，但仍占据布局中的空间