常见的隐藏元素的方式可以通过给元素增加一些 CSS 样式实现,下面是一些常见的方法
| 方法 | 描述 |
|---|---|
| display: none; | 元素不显示,并且不占据任何空间。 |
| visibility: hidden; | 元素不可见,但仍占据空间。 |
| opacity: 0; | 元素完全透明,但仍占据空间并且可以交互。 |
| position: absolute; left: -9999px; | 将元素移出可视区域。 |
| height: 0; overflow: hidden; | 将元素高度设为0,并隐藏其内容。 |
| clip: rect(0, 0, 0, 0); | 将元素裁剪为不可见的区域。 |
| transform: scale(0); | 将元素缩放到不可见。 |