2012-09-16 122 views
12

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

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>

+3

检查您的保证金和填充... – yckart

回答

46

因为你的填充复位,这个数字实际上是关闭的页面左侧。尝试添加:

list-style-position: inside; 
4

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

+0

谢谢您的建议。我一直认为一些浏览器使用不同的风格,ol风格的类型可能会有所不同,这就是我把它放在那里的原因。 – SeinopSys

+2

from w3c“有序列表和无序列表除了可视化用户代理编号排序列表项外,都以相同的方式呈现,用户代理可以用各种方式显示这些编号,无序列表项不会被编号。 – noel

+0

如果他恰好事先使用CSS重置文件,则可能会将ol设置为不同的值 – iBorg

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

如果列表display:属性被设置为display:list-item;

0

一些别的东西只是删除它可能给问题“显示:块;”从你的元素

2

如果没有这项工作,请确保你没有明确标记为LI内的显示块的元素。它发生在我身上,并且在LI内部设置了一个H4 A。我正要辞职