通过使用 CSS 的 display 属性,可以隐藏一个 HTML 中的 div:display: none:直接向 div 添加此样式。visibility: hidden:保留占位符空间。opacity: 0:使 div 透明但不移除其占位符空间。

HTML 中隐藏一个 div
在 HTML 中隐藏一个 div 的方法很简单,可以通过使用 CSS 的 display 属性。
方法:
-
使用
display: none:立即学习“前端免费学习笔记(深入)”;
- 这是最简单的方法,直接向 div 添加
display: none样式,即可将其隐藏。
- 这是最简单的方法,直接向 div 添加
-
使用
visibility: hidden:- 与
display: none类似,visibility: hidden也可隐藏 div,但它保留了 div 的占位符空间。
- 与
-
使用
opacity: 0:- 此方法不完全隐藏 div,而是使它透明,因此仍占用空间但不可见。
示例:
要隐藏的内容
#myDiv {
display: none; // 使用 display: none 隐藏 div
}或
#myDiv {
visibility: hidden; // 使用 visibility: hidden 隐藏 div
}或
#myDiv {
opacity: 0; // 使用 opacity: 0 隐藏 div
}











