隐藏<li>而不创建空行</li>

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的流程中时，它仍然占据与它不可见时相同的空间，同时显示：none把它看作是那个元素不是以

开头的