我的目标是将有序列表中的项与它们的数字放在中间。我正在尝试使用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
。
list-style
是一个简短的属性(像background
, font
, margin
等),它同时改变几个属性。即改变list-style-type
, list-style-position
和list-style-image
。如果省略其中一个(就像省略type
和image
一样),则将使用默认值。disc
是list-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/