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

时间:2015-12-28 23:40:08

标签: html css

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

2 个答案:

答案 0 :(得分:3)

首先:不要使用<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

答案 1 :(得分:-1)

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

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