javascript - 隐藏 而不创建空行

Question

我正在尝试使用以下代码(例如)隐藏列表项

<ol>
  <li>Coffee</li>
  <li style="visibility:hidden">Milk</li>
  <li>tea</li>
</ol>

但不幸的是，它呈现如下空行:

1. Coffee

3. Tea

我想要的就是这样:

1. Coffee
2. Tea

请问有没有什么好的方法可以解决这个问题？谢谢。

Answer 1

使用“display:none”代替“visibility:hidden”

编辑: visibility: hidden 使元素不可见，但同时将其保留在 DOM 流中，因此它仍然占据与不可见时相同的空间，同时 display: none将其视为该元素不存在