html - 为什么显示: block is added to a list item in a list (<ul> or <ol>)?时列表样式消失

Question

这似乎对 display: inline; 有效和 display: inline-block;也是。

这就是我的意思:

ul li {
  display: block;
  /* Or display: inline; */
  /* Or display: inline-block; */
}

<ul>
  <li>list item1</li>
  <li>list item3</li>
  <li>list item3</li>
</ul>

对于列表样式，我指的是实际的“元素符号”或“数字”(当使用 <ol> 时)

Answer 1

那是因为通常情况下，display设置为 list-item对于 <li>元素。请参阅 W3C CSS3 规范:http://www.w3.org/TR/css3-lists/#declaring-a-list-item .

To declare a list item, the ‘display’ property should be set to ‘list-item’.

请注意，您可以为任意 HTML 元素赋予相同的行为；设置 display: list-item在 <div> 上例如。