text-indent: 10px;缩进的是文本第一行
时间: 2024-04-11 08:33:49 浏览: 63
自定义TextView实现首行缩进
4星 · 用户满意度95%
抱歉,我之前的回答有误。确实,text-indent 属性会应用到整个文本块的首行,而不是仅仅第二行。CSS 默认情况下没有直接针对第二行缩进的属性。
如果你需要实现只对文本的第二行缩进,可以尝试以下方法之一:
1. 使用伪元素 ::first-line 设置首行缩进,并设置一个负的 text-indent 值来抵消它。然后再使用 text-indent 设置第二行的缩进值。
```css
.my-text::first-line {
text-indent: 0;
}
.my-text {
text-indent: 10px;
}
```
2. 使用 display: inline-block 将文本包装在一个块级元素内,然后使用 margin-left 设置第二行的缩进值。
```css
.my-text {
display: inline-block;
margin-left: 10px;
}
```
请注意,这些方法仅适用于文本内容是单行的情况。如果文本内容是多行的,那么无法直接使用 CSS 实现只对第二行缩进。在这种情况下,你可能需要使用 JavaScript 或其他编程语言来处理文本内容并实现所需的缩进效果。
阅读全文