列表项内的换行符会在行之间生成空格

Question

我想<br/>在一个<li> 像里面打破一线:

• 第一行
  第二行
• 李二
• 李三

但是当这样做时(两个标签) - 我在他们之间得到一个空格.保证金和填充是0,但我仍然得到它..任何想法如何摆脱它？谢谢!

Answer 1

这是一个简单的解决方案......

通过<br/><br/>在您的<li>遗嘱中添加一个直接在下面添加空白换行符

<ul>
    <li>Line 1<br/><br/></li>
    <li>Line 2</li>
    <li>Line 3</li>
    <li>Line 4<br/><br/></li>
    <li>Line 5</li>
</ul>

Answer 2

你可以改变line-height你的CSS中的属性.这有帮助吗？

Answer 3

对于像我这样最终遇到这个问题的未来人：添加white-space: pre-wrap;到<ul>为我工作的内容中！它还可以作为\n额外的好处:)

ul {
  white-space: pre-wrap;
}

Answer 4

作为Wordpress的补充说明，如果在结束之前存在 ，<br />则会自动删除</li>。

您可以使用零宽度的非连接‌符（⁣）或不可见的分隔符（），以一种怪诞的方式。

在文本模式下，执行回车并‌在闭包前插入a </li>。

例：

<ul>
  <li>List item with a blank line below
  &zwnj;</li>
  <li>List item</li>
</ul>