css - 为什么 li 元素默认为换行符？

Question

基本的 CSS 问题。默认情况下，为什么 li 项会换行结束？

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

block 元素在新行结束，但它不在 MDN 的 block elements 列表中.相反，they are list-items他们的默认 CSS 类似于:

li {
  display: list-item;
  text-align: -webkit-match-parent; }

我只是看看是否有一般理解可以解释这一点，或者我是否必须了解列表是一种特殊情况。

丰富

Answer 1

CSS1 spec对于列表项元素说:

Elements with a 'display' property value of 'list-item' are formatted as block-level elements, but preceded by a list-item marker. The type of marker is determined by the 'list-style' property. The marker is placed according to the value of the 'list-style' property:

然而，MDN用以下方式描述他们对规范的实现，说明列表项显示值:

...generates a block box for the content and a separate list-item inline box.

无论哪种方式，display:list-item 都会生成一个 block 级元素，该元素通过在其内容前后添加一个换行符强制自己在新行上绘制。