css隐藏

作者：佳凝皓月发布日期:2026-01-11 浏览:15

/* 使用 display: none 隐藏元素 */
.hidden {
    display: none;
}

/* 使用 visibility: hidden 隐藏元素，但保留其占据的空间 */
.invisible {
    visibility: hidden;
}

/* 使用 opacity: 0 隐藏元素，但仍然可以交互 */
.transparent {
    opacity: 0;
}

解释说明：

display: none;：完全隐藏元素，并且该元素不会占用任何空间。页面布局会像该元素不存在一样进行调整。
visibility: hidden;：隐藏元素，但元素仍然占据原来的空间，只是不可见。
opacity: 0;：使元素透明，但仍然可以与之交互（例如点击或触发事件），并且元素仍然占据空间。

上一篇：css弹性布局

下一篇：css bfc