CSS隐藏属性display:none；visibility:hidden；overflow:hidden

在CSS中，display: none;、visibility: hidden; 和 overflow: hidden; 都用于隐藏元素，但它们的工作方式有所不同，并且可以根据需要结合使用。

1. display: none;：元素不再显示，并且不再占据文档流中的空间。
2. visibility: hidden;：元素不再可见，但仍然占据原来的文档流空间。
3. overflow: hidden;：用于隐藏超出元素框的内容。

例如，如果你想要隐藏一个元素，但是仍然想保留其占据的空间，你可以使用 visibility: hidden;。如果你想要隐藏一个元素，并且不想让它占据任何空间，你可以使用 display: none;。

/* 元素不显示，不占据空间 */
.element-hidden-display {
  display: none;
}
 
/* 元素不显示，但占据空间 */
.element-hidden-visibility {
  visibility: hidden;
}
 
/* 隐藏溢出内容 */
.element-overflow-hidden {
  overflow: hidden;
}

在HTML中使用这些类：

<div class="element-hidden-display">隐藏且不占据空间</div>
<div class="element-hidden-visibility">隐藏但占据空间</div>
<div class="element-overflow-hidden">隐藏溢出内容</div>

在实际应用中，你可以根据需要选择合适的CSS属性来隐藏元素。