隐藏<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的流程中时,它仍然占据与它不可见时相同的空间,同时display:none将它视为该元素不在那里首先