无序列表项第二行，行高

Question

我在狭窄的空间中有一个无序列表。当第一行（或可能是任何行）换行到第二行时，行高与列表项之间的行高相同。我希望线之间少一点。换句话说...

我想要这个：

•Blah blah blah Blah blah blah Blah blah blah   布拉等等等等布拉等等等等

•Blah blah blah Blah blah blah Blah blah blah   Blah blah blah Blah blah blah Blah blah blah

不是...

•Blah blah blah Blah blah blah Blah blah blah

Blah blah blah Blah blah Blah blah blah

•Blah blah blah Blah blah blah blah blah

Blah blah blah Blah blah Blah blah blah

我希望这是有道理的。我可以在列表项之间插入一个换行符，但是空间太大，并且在更大的屏幕上它还是不会换行。

Answer 1

在CSS文件中，您可以使用：   li { white-space: nowrap; }

但是如果没有空格，这将导致文本水平溢出

Answer 2

您可以将margin-bottom或padding-bottom（或-top）添加到li项目中。

例如，

ul li { margin-bottom: ... }
ul li:last-child { margin-bottom: 0 }

（无语难说）

Answer 3

您可以将margin-top添加到li

.a{
  width: 150px;
}

li{
 margin-top: 10px;
}

<div class="a">
  <ul>
    <li>kwuh wgriu rgoib ergo</li>
    <li>kwuh wgriu rgoib ergo</li>
    <li>kwuh wgriu rgoib ergo</li>
  </ul>
</div>