Question

我目前正在了解块级和内联元素的差异。

我读到的关于块级元素的关键是它们在它们之前和之后有一个新行，例如： <p>元素。我已经读过<li>元素也是一个块级元素，但是我不确定为什么尽管它本身有一个整行，但它跟在上面和后面的行上{{1} } elements ...它没有那些新行。

这是我在网上看到的让我感到困惑的事情：

所以，如果你有一个段落（块级），你结束那段并开始另一段将是他们之间的空白。标题和段落之间相同，两个标题之间，段落和列表之间，列表和表之间，关于块级元素是什么，这是一个有用的线索。

Answer 1

<li>不是列表元素，而是列表元素：

<ul>或<ol>是列表元素，正如您在下面的代码段中所看到的，它会生成新行。

＆＃13;

<ul style="background-color: slategrey;">
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
</ul>
<ul style="background-color: rgb(160, 176, 192);">
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
</ul>

＆＃13;

Answer 2

你错误地读了什么。

请记住这一点：

阻止级别元素从下一行开始。

之前和之后的行是由元素的边距/填充引起的。不要混淆两者。块级元素（如标题，段落和li）在紧接的下一行开始，就像“div”标记一样。您可以通过向元素添加边距或填充来增加此垂直空间。

试图理解为什么<li>是块级元素

2 个答案: