CSS list-style-type不起作用

时间:2012-09-16 14:19:27

标签: html css html-lists

我在CSS中设置了list-style-type,但由于某种原因它没有显示它。



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>
&#13;
&#13;
&#13;

5 个答案:

答案 0 :(得分:54)

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

list-style-position: inside;

答案 1 :(得分:17)

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

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

答案 2 :(得分:5)

十进制是“ol”的默认值。无需申报。数字也只是从页面的一侧掉下来,即不可见。调整填充并摆脱冗余声明。 See here

答案 3 :(得分:3)

如果没有这项工作,请确保您没有在LI内明确标记为显示块的元素。它恰好发生在我身上,在LI里面有一个H4 A set作为块。我即将辞职

答案 4 :(得分:1)

只需删除“display:block;”来自你的元素