在HTML和CSS中,`display: none;` 是一个CSS声明,用于使元素不可见并且从页面布局中移除。换句话说,这个元素将不再占据其在页面上的空间。与`visibility: hidden;`不同,后者会使元素不可见但仍然占据页面空间。
当你在CSS中使用 `display: none;` 时,元素会完全从页面渲染中消失,就像它从未存在过一样。这对于动态地隐藏和显示元素(例如通过JavaScript)特别有用。例如,你可能在用户执行某些操作后动态地将某个元素设置为 `display: none;` 以隐藏它。
示例:
```html
这是一个测试div。
#myDiv {
display: none; /* 这会使div不可见并且不占据页面空间 */
}
```
请注意,使用 `display: none;` 时要谨慎,因为它会完全移除元素及其内容,这可能会影响到页面的布局和交互性。在某些情况下,你可能只想让元素不可见但仍然占据空间(使用 `visibility: hidden;`)。