第一行不缩进,后面行数缩进2个字符li标签css怎么实现?
时间: 2024-03-16 21:46:21 浏览: 114
Web-前端html+css从入门到精通 116. pre标签与code标签.zip
可以使用CSS中的:first-line伪类选择器来实现第一行不缩进,后面行数缩进2个字符的效果。具体做法如下:
```css
li {
text-indent: 2em; /* 后面行数缩进2个字符 */
white-space: pre-wrap; /* 自动换行 */
}
li:first-line {
text-indent: 0; /* 第一行不缩进 */
}
```
这样设置后,li元素中的第一行文字不会缩进,后面的行数会缩进2个字符的宽度。注意,这种效果只适用于li元素中的第一行和后面的行数都只有一行的情况,如果后面的行数有多行,则每一行都会缩进2个字符。
阅读全文