css p 文字换行符

CSS中的换行符在排版文字时非常有用。通常情况下，我们可以在文本中使用enter键来实现换行。但是有时候，在排版一些特殊的文本时，我们需要控制文字的换行。那么，如何在CSS中使用换行符呢？

p{
  white-space: pre;
}

上面的代码使用了CSS的white-space属性，并设置为pre。这个属性还有其他的取值，比如normal、nowrap等。但是在这里，我们使用pre是因为它能够保留空格和换行符。

接下来，我们来看一下具体的应用：

p.break{
  white-space: pre;
}

为了区分普通的p标签和带有换行符的p标签，我们给第二个p标签加上了类名break。接着，我们在文本中加入换行符：

<p class="break">这段文字<br/>中间有一个换行符</p>

这样，我们就能看到，这段文字被分成了两行，并且中间有一个换行符。如果把white-space的值改为normal或nowrap，那么换行符就会被忽略掉，文本会在同一行上显示。

最后需要注意的是，如果你想使用CSS的换行符，那么需要在文本中加上<br/>标签。这个标签表示强制换行，与普通的enter键在排版上是不同的。所以，在和其他人协同开发时，也要注意这个细节。