Question

我的目标是将有序列表的项目与其编号对齐。我正在尝试使用text-align: center，但它有效，但数字不是居中的，因此我想将list-style-position更改为inside。

但是当我应用它时，编号列表会转换为项目符号列表！

相关代码：

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

Demo before list-style＆gt;＆gt; Demo after list-style

Answer 1

仅更改list-style-position，而不是整个list-style。

jsFiddle Demo

list-style是shorthand property（如background，font，margin等），它会同时更改多个属性。即它会更改list-style-type，list-style-position和list-style-image。如果省略其中一个（如省略type和image），则将使用默认值。 disc是list-style-type的默认值，因此它看起来像无序列表。

Answer 2

你可以在你的css代码中试试这个

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

list-style-position必须添加...希望帮助你...

Answer 3

您想要list-style-position: inside

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

在里面有子弹位置的李的内容中心，我做错了什么？

3 个答案: