仅在换行上使用文本缩进



如何将文本缩进仅应用于换行(有换行符(的行?

现在,它看起来像这样:

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    Lorem ipsum dolor sit amet.

但我希望它看起来像这样:

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet.

使用 CSS 3 可以吗?我的text-indent设置为text-indent: 20px

是不可能的,CSS3 ::first-line中有属性,但以下属性可以与 ::first-line 一起使用

font properties
color properties 
background properties
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear

这不适用于文本缩进
您可以为每个多行文本添加另一个类或标签或跨度或使用Javascript

最新更新