如何在css中两行相同文本之间提供一些空格

Question

下面是我的大型菜单的屏幕截图。

我给出了14px的行高。但是，由于缺乏足够的宽度，如何在文本之间提供更多的空格，这些空格被打破到下一行。

我没有在任何地方提供任何<br>标签。正如您在图片中看到的文字设备＆amp;内存存储，打印机＆amp;扫描仪＆amp;传真机等单词被打破到下一行，所以我只想在这些文本行之间提供一些空格。

如果我增加行高，它适用于所有，但我不想要，我希望它仅适用于损坏的文本。拜托，有人可以帮帮忙吗？

Answer 1

如果每列都是ul > li，您可以为ul和li指定不同的行高。

或者只为每个li分配一个行高，并在带有padding-top/bottom的项目之间留出一些空格。

作为旁注，line-height可以设置相对单位（例如em，rem）或根本没有单位（例如line-height: 1.4;），所以此值是相对于用户群的字体大小

Answer 2

增加属于子菜单的li的行高值，如果需要，尝试在两者之间留出更多空间