小编ker*_*cht的帖子

如何通过CSS保持有序列表中第二行的缩进?

我希望有一个"内部"列表,列表项目符号或十进制数字都与高级文本块齐平.第二行列表条目必须与第一行具有相同的缩进!

例如:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean commodo ligula eget dolor. Aenean Aenean massa. 
Cum sociis natoque penatibus et magnis dis parturient montes, 
nascetur ridiculus mus. Donec quam felis,

1. Text
2. Text
3. longer Text, longer Text, longer Text, longer Text, longer Text, longer Text
   second line of longer Text
4. Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean commodo ligula eget dolor. 
Run Code Online (Sandbox Code Playgroud)

CSS为其"list-style-position"提供了两个值 - 内部和外部.使用"内部"第二行与列表点齐平,而不是使用上级行:

3. longer Text, longer Text, longer Text, …
Run Code Online (Sandbox Code Playgroud)

html css html-lists

241
推荐指数
9
解决办法
27万
查看次数

标签 统计

css ×1

html ×1

html-lists ×1