在通常的排版样式中，我们经常遇到隐藏在模块中的许多场景。有很多方法可以通过CSS隐藏元素。它们似乎是相同的。不同的是，这些差异决定了在某些特定场合使用哪种方法。
通过CSS隐藏元素的方法如下：
显示：没有一个设置元素可以完全消失页面上的元素。
该元素最初由其他元素占据，这意味着它将导致浏览器重新绘制
消失后，不会触发自己束缚的事件，也不会产生过渡效应
特征：
可见性：隐藏也是一种非常常用的方式，但它与显示不同：没有一个非常不同
可见性：隐藏只是隐藏了页面中的元素，并且DOM结果仍然存在，但是它处于无形状态。不会团聚，但会发生重新启动。
效果是隐藏的，因此他自己的事件不会触发。
特征：
不透明度属性表示元素的透明度。将元素的透明度设置为0之后，如果用户很严重，则元素也可以实现隐藏的效果。
它存在于页面上，因此他自己的事件仍然可以触发，但是他阻止的元素不能被其他事件触发。
注意：其子元素无法设置不透明度来达到显示效果
特征：
这样，有必要隐藏影响元素框模型的属性，例如边框，边框，填充，高度和宽度，用于设置元素的属性。如果元素中有子元素，则也是必要的元素
特征：
看到为什么可以隐藏定位，这一定很惊讶。实际上，阅读了一些信息后，我也知道。它是要删除页面上的元素。用于“隐藏”。
特征：
通过切割形式的剪辑路径
特征：
最常用的是方法一和方法两个。其他方法只能被视为一个小技巧。这是非常有偏见的，因为它们的真实用途不用于隐藏元素，因此我不建议使用它们。
------------------------------- |--- ||页面|没有存在|存在||称重|是|否|否|举重|理事会|会议|不一定是||本身绑定事件|不要触发|无触发||过渡|不合适的|支持|支持||可以恢复子元素|元素可以触发事件|能量|能量|不是
原始：https：//juejin.cn/post/7097143568086597645