<ul>之前和之后的换行符不相等

Question

我在无序列表之前和之后都有一个<br>。 <br>的间距似乎不相等。请参阅https://jsfiddle.net/052620dm/（第二个<br>大于第一个br）。看起来在ul之前添加display似乎没有做任何事情。将无序列表更改为另一个{{1}}可以解决问题，但显然会使其不再是无序列表。有什么建议？谢谢！

Answer 1

首先：不要使用<br>进行布局，请使用CSS。

解决您的问题：第一个<br>将文字分成新行。这意味着'hi'和<ul>之间没有间距，因为<ul>直接从新行开始。 <ul>是一个块元素，会自动将文本推送到新行。然后，第二个<br>再次进入新线。这会产生更大的间距。

hi
<br>           // linebreak
<ul>           // <ul> starts directly at this new line
<li>test</li>
</ul>          // <ul> is a block element and pushes the element after to a newline
<br>           // another new line is added (there comes your empty space from)
hi

Answer 2

不确定为什么要在列表前后使用br。为什么不设置保证金？

如果您需要使用br标签，请将文本换成p标签，然后在列表之前和之后获得相同的间距。