css 隐藏

作者：狂暴的酷发布日期:2026-06-01 浏览:28

/* 示例代码：使用 CSS 隐藏元素 */

/* 方法 1: 使用 display 属性 */
.hidden-display {
    display: none; /* 完全隐藏元素，不占据任何空间 */
}

/* 方法 2: 使用 visibility 属性 */
.hidden-visibility {
    visibility: hidden; /* 隐藏元素，但仍然占据空间 */
}

/* 方法 3: 使用 opacity 属性 */
.hidden-opacity {
    opacity: 0; /* 元素透明度为 0，但仍可点击和占据空间 */
}

解释说明：

display: none;：完全隐藏元素，并且该元素不会占据任何页面布局中的空间。它就像从未存在过一样。
visibility: hidden;：隐藏元素，但元素仍然占据页面中的空间，只是不可见。
opacity: 0;：将元素的透明度设置为 0，元素不可见，但仍然可以与用户交互（例如点击），并且占据空间。

上一篇：css inset

下一篇：animation.css