如何在html中隐藏<li>项并使其不占用任何空间？

Question

我有一个像这样的HTML列表:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

如何隐藏li项目并使其不占用任何空间？让我们说,我需要第一个项目(咖啡)是隐形的,所以结果将只包含茶和牛奶.我使用了css(或style ="visibility:hidden"),但它仍然占用了一些空间.

=======

注意:第一个li只是用于创建其他li项的一些模板.模板li在运行时生成,这就是我需要隐藏它的原因.我在生成其他产品(茶和牛奶)后最终将其除去,但在我生产茶和牛奶之前,咖啡仍然可见.

============

谢谢.答案是style ="display:none"

Answer 1

Vu *_*yen 15

创建一个类并将其应用于您要隐藏的元素.您可以在生成标记时执行此操作,或使用选择器(如jquery)将类添加到每个元素

.hide{
  display:none;  
}

<ul>
  <li class="hide">Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>