自动缩进包装文本

Question

这里有一个菜鸟，但我基本上希望文字在被包裹时自动缩进。 所以而不是：

Peter piper picked a peck
of pickled peppers.

这将是：

Peter piper picked a peck
    of pickled peppers.

这是我尝试过的：

span.profile{ display:block; text-indent: -35px; /*this pulls the first line to the left*/ padding-left:35px; /*this pushes the paragraph to the right*/ padding-right:0px; text-align:justify; }

在此之后，我在整个文本周围添加了span class="profile"标记，但问题是我希望它能够重置＆＃34;重置＆＃34;每次换行后。有没有办法让它做到这一点？

感谢您的帮助！

Answer 1

我创建了一个小JSFiddle.

这是你在找什么？

div {
    width: 500px;
}
div p {
    text-indent: -20px;
    padding-left: 25px;
}

这看起来就像你对CSS所做的那样，但是我已经为每个段落做了。

让我知道。

Answer 2

从评论中看来，似乎“我想在每次换行后'重置'”你的意思是在任何<br>元素之后，下一行不应缩进。然后答案是否定的，你不能这样做，因为<br>只是一个强制换行符，并且在这样的休息之后CSS中没有办法引用该行。

您应该重新设计HTML的使用。如果您在display: block元素上设置span，则可能是您应该使用div或p等块元素。您应该使用包装文本块的块元素，而不是使用<br>。