如何使用 CSS 设置“\n”样式？ [复制]答案

【问题标题】：How do I style a "\n" using CSS? [duplicate]如何使用 CSS 设置“\n”样式？ [复制]
【发布时间】：2019-07-03 00:35:26
【问题描述】：

我只想使用 css 设置 \newline 的样式——在我的文本中我有这样的条目：

“你好，这是文本，\n这里还有更多文本asdf adf \n这里有更多文本”

应该像这样呈现：

你好，这是正文和

这里有更多文字 asdf adf

这里有更多文字

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

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

【问题讨论】：

标签： html css

【解决方案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>

【讨论】：