如何使用CSS设置“ \ n”样式？

Question

我只想使用css设置\ newline的样式-在我的文字中，我有类似这样的条目：

“您好，这是文本，\ nt这里有更多文本asdf adf \ nmore文本在这里”

应该这样呈现：

  

你好，这是文本，

     

这里还有更多文本asdf adf

     

更多文字在这里

如何使用CSS更改转义\ newline的样式（即，将高度设置为20px）？因为\ n不是html元素，我可以这样做吗？

与Line break in html with `\n`不同，因为在文档中获取\ n没问题。我只想更改其显示方式。

Answer 1

您不能定位内容中的特定字符。

您可以使用the white-space property来定位元素并使换行符有意义，并且可以更改the line-height。

p {
  white-space: pre;
  line-height: 40px;
}

<p>Hello, this is the text and
there's more text here asdf adf
more text here</p>