CSS text-indent与white-space结合使用

Question

我已经拥有以下风格：white-space: pre-wrap;

这允许将换行视为元素的换行符（并且空格不会折叠）。

现在我想应用text-indent: -40px; padding-left: 40px;来尝试产生这样的东西：

This is a long line of text (or at least, just pretend it is) so it  
        will indent when it wraps.
Further lines of text appear as normal, but again if they exceed the
        maximum width then they wrap and indent.

不幸的是，它并没有达到我的预期目的：

This is a long line of text (or at least, just pretend it is) so it
        will indent when it wraps.
        Further lines of text appear as normal, but again if they
        exceed the maximum width then they wrap and indent.

CSS中有没有办法缩进包裹的行，但是将换行计算为新的第一行？

Answer 1

不，因为text-indent与元素的第一行相关，而换行生成的换行不会创建元素。因此，您需要使用一些内容标记，而不仅仅是HTML源代码中的换行符。