Html 断线前后<；ul>；不相上下

我在无序列表前后都有一个

。但是

的间距似乎并不相等。请看（第二个

比第一个大）。看起来在

ul

之前添加

br

没有任何作用。将无序列表更改为另一个

display

可以解决此问题，但显然会使其不再是无序列表。有什么建议吗？谢谢

首先：不要使用

进行布局，请使用CSS

解决您的问题：第一个

将文本拆分为新行。这意味着，“hi”和

之间没有间隔，因为

直接从新行开始。

是一个块元素，它会自动将后面的文本推送到新行。然后，第二个

出现，并再次换行。这将创建更大的间距

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

hi

//换行符
/
直接从这条新线开始
试验
//
是块元素，并将后面的元素推送到换行符

//添加了另一行（这是您的空白）
你好

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

如果您需要使用br标记，请将文本包装在p标记中，您将在列表前后获得相同的间距