CSS list-style-type不起作用

Question

我已经设置了list-style-typeCSS,但由于某种原因它没有显示它.

body {
  margin: 0;
}
ol {
  list-style-type: decimal;
  padding-left: 0;
}

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

Answer 1

由于您的填充重置,数字实际上是在页面左侧.尝试添加:

list-style-position: inside;

Answer 2

display:list-item;
list-style-position:outside;

如果将list display:属性设置为其他内容,则可能会出现问题display:list-item;

Answer 3

十进制是"ol"的默认值.无需申报.数字也只是从页面的一侧掉下来,即看不见.调整填充并摆脱冗余声明.看这里