css hidden

作者：涅盘の梦发布日期:2025-10-12 浏览:6

/* 使用 visibility: hidden; */
.hidden-element {
  visibility: hidden;
}

/* 使用 display: none; */
.hidden-element-alt {
  display: none;
}

visibility: hidden;:
- 元素仍然占据文档流中的空间，但不可见。
- 适用于需要隐藏元素但保留其布局影响的场景。
display: none;:
- 元素及其所有子元素将被完全移出文档流，不占用任何空间。
- 适用于需要彻底移除元素显示且不保留其布局影响的场景。