把子弹位置里的内容居中,我做错了什么?



我的目标是将有序列表中的项与它们的数字放在中间。我正在尝试使用text-align: center,它有效,但数字不居中,所以我想将list-style-position更改为inside

但是当我应用这个时,编号列表转换为项目列表!

相关代码:

li {
    text-align: center;
    list-style: inside;
}

list-style之前的Demo>> list-style之后的Demo

只更改list-style-position,不更改整个list-style

jsFiddle演示

list-style是一个简短的属性(像background, font, margin等),它同时改变几个属性。即改变list-style-type, list-style-positionlist-style-image。如果省略其中一个(就像省略typeimage一样),则将使用默认值。disclist-style-type的默认值,所以这就是为什么它看起来像一个无序列表。

你可以在你的CSS代码中试试

li {
    text-align: center;
    list-style-position: inside
}

list-style-position have to add…

你想要list-style-position: inside

更新小提琴:http://jsfiddle.net/cx2Bz/3/

最新更新