css隐藏内容主要分为3种情况

css隐藏内容主要分为3种情况：
1.隐藏内容且不占据空间：display: none;
2.隐藏内容但是仍然占据空间：visibility:hidden;
3.隐藏溢出的文字或图片：overflow:hidden;

• display: none

如果给一个元素设置了display: none，那么该元素以及它的所有后代元素都会隐藏不显示，且不占据空间，相当于该元素不存在，是使用频率最高的一种隐藏方式。

• visibility:hidden

visibility:hidden和display:none可以隐藏的内容几乎一样，但唯一区别是它虽然隐藏了内容，但被隐藏掉的内容仍旧占据空间，这段隐藏了内容却保留空间的位置会在网页中显示为空白。

• overflow: hidden

溢出隐藏，顾名思义，元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，相当于一刀砍断，砍掉部分不占据空间。
（除了溢出隐藏，overflow：hidden同时能解决外边距坍塌以及清除浮动等等，感兴趣的朋友可以自行了解下哦，这里就不赘述了）