因为list-style-type
仅适用于display:list-item
. :/
根据规范:
list-style-type
适用于:元素display: list-item
编辑根据您评论中的新信息,您可以在现代浏览器上执行此操作:http:
//jsfiddle.net/XMrbu/12/
ol {
list-style-type:none;
counter-reset: sectioncounter;
}
li { display:table-row }
li:before {
content: counter(sectioncounter) ":";
counter-increment: sectioncounter;
display:inline-block; width:2em; text-align:right;
position:relative; left:-2.5em; margin-right:-2em;
}
或者这个怎么样:http:
//jsfiddle.net/XMrbu/14/
ol {
display:inline-block;
list-style-type:decimal;
background:rgba(255,0,0,0.2);
}
如果您制作ol
be display:inline-block
(或float
它),它将自动折叠到内部最长项目的宽度。然后,您可以按您喜欢的宽度设置ol
or的样式。li