CSS display: none

在 CSS 中，display: none; 是一个用于控制元素显示与隐藏的属性值，其核心作用是完全从文档流中移除元素，使元素在页面中不占据任何空间，也不会被渲染。以下是详细解释：

核心作用

1. 隐藏元素：使元素在页面中不可见。
2. 移除布局空间：元素不再占用任何宽度、高度或边距，周围元素会重新布局填补其位置。
3. 阻止渲染：浏览器不会渲染该元素的内容，包括子元素。
4. 禁用交互：隐藏的元素无法接收鼠标点击、键盘焦点等交互事件。