Css 当文本分为多行时，如何固定有序列表中的行高？

我有一个有序的列表，我使用订单上的“行高”将我使用的图标/项目符号与右侧的文本垂直对齐

现在的问题是，当文本很长并且分成多行时，它们之间的距离太近，我找不到修复它的方法

以下是HTML：

<ul class="fancy_list">
<li>Value 1</li>
<li>Value 2</li>
<li>Value 3</li>
<li>Value 4</li>
<li>Value 5</li>
</ul>

---

此外，这里还有一个指向实际存在问题的页面的[链接]。

我提出的修复方法如下：

.fancy_list li {
     line-height: 1.5em;
     height: auto;
}

事实上，您使用的线条高度对于您想要的来说太小了。“1.5em”应该更接近您所寻找的内容

此外，高度设置为30px，当有两行时，这将迫使列表项彼此重叠

希望这有帮助

.fancy_list li {
     padding-bottom:10px

}

我想你真的在期待这个

.fancy_list li {
 padding-bottom:10px

}

我不明白为什么这个答案得到了否定的回答。这样可以保持正确的行高，并可以调整列表项之间的间距。这非常适合我：）

尝试使用

ul {
  white-space: initial;
  margin-bottom: 0;
}

---

真的！问题解决了！非常感谢TehTooya！如何对齐支票图像？当我更改代码时，文本显示得有点低。很好！可能需要为父级

ul

设置一个负

边距底部

，以排除最后一行。对我来说非常适合！行高在包含大量文本的单行中添加空格。

ul {
  white-space: initial;
  margin-bottom: 0;
}