如何在不使用任何 html 标签的情况下向 html 文本添加换行符答案

【问题标题】：How can I add line break to html text without using any html tag如何在不使用任何 html 标签的情况下向 html 文本添加换行符
【发布时间】：2021-05-18 06:18:39
【问题描述】：

我想在网站上的个人资料文本中插入换行符，它只允许插入文本，所以我不能使用任何 html 标记。

我想知道是否有任何方法可以插入换行符，就像使用 ASCII 码插入空格或制表符一样？

【问题讨论】：

文本可能会在保存到服务器之前进行编码，这意味着您无法编写任何您想要的内容，它仍然会像您在个人资料页面上写的一样显示。

标签： html

【解决方案1】：

没有。您可以输入例如&#10; 的 LINE FEED 字符，但它无济于事：根据 HTML 规则，它仍将被视为另一个空白字符，并且任何空白字符序列都相当于普通 HTML 内容中的一个 SPACE。您不能通过字符本身（仅通过 HTML 标记或 CSS）覆盖处理字符的 HTML 规则。

【讨论】：

【解决方案2】：

我认为您正在寻找像 '&nbsp;' 这样的代码......
'carry return' 代码是'&#13;'

也许你正在寻找的东西在那里：ASCII HTML CODES

【讨论】：

这对我的 HTML 问题没有帮助，但对于格式不正确的常规文本条目。谢谢！

【解决方案3】：

您可以将white-space 设置为pre-line - 这将遵循回车符。

p {
    white-space: pre-line;
}

<p>Hello,\r\nGoodbye!</p>

将呈现：

Hello,
Goodbye!

【讨论】：

【解决方案4】：

您可能无法添加任意换行符。但是，如果要在容器中呈现文本，该容器的长度不足以将文本显示为单行，则您可以影响换行的位置。只需在文本中的正确位置使用non-breaking spaces。

假设文本包含句子，它将被分成几行，并且您希望在某个句子之前出现换行符。然后在句子中使用不间断空格而不是常规空格。然后特定的句子可能不适合当前行，并将在新行上呈现：

文本将在此框中呈现。现在让我们强制换行。 This•text•starts•on•a•new•line 因为它不适合上一行而不破坏文本（• 代表）。

【讨论】：

这很聪明！唯一的问题是确保“单词”（由&nbsp;'s 连接的所有文本）足够长以不适合前一行，但不超过行的全宽（否则取决于@ 987654323@ 属性，它要么溢出，要么可能在单词中间的任意位置中断）。在许多情况下这很容易，但如果容器在很大的宽度范围内响应，那么这可能是不可能的。

【解决方案5】：

您可以在发送电子邮件时使用<pre> 标签。在此标记内，文本换行符显示为 html 中的实际换行符。

<p>
  this is a 
  text with 
  line breaks
</p>
<pre>
this is a 
text with
line breaks
</pre>

【讨论】：

很好，但是 OP 说他们只能使用纯文本。
如果他从<textarea> 获取数据，他可以包含制表符、换行符等

【解决方案6】：

在 mailto 正文中，这创建了一个没有任何问题的新行：%0D

【讨论】：

【解决方案7】：

在您想换行的地方尝试\n。

【讨论】：

【解决方案8】：

您和其他阅读本文的人可能都可以使用它

%0A

【讨论】：