如何防止页面标题（HTML）中的文本换行？

30 浏览
0 Comments

如何防止页面标题（HTML）中的文本换行？

如何使用JavaScript读取值中的换行符，并将所有的换行符替换为
元素？\n示例：\n从PHP传递的变量如下所示：\n

  "这是人。 人喜欢狗。 人喜欢喝酒。 人是国王。"

\n我希望JavaScript转换后的结果如下所示：\n

  "这是人人喜欢狗。人喜欢喝酒。人是国王。"

0

3 答案

0 Comments

问题的原因是在页面标题中，行不能被断开，导致标题显示不完整。解决方法是使用字符串的split和join方法，将换行符替换为
标签。

代码示例：

str = str.split("\n").join("<br />");

如果使用"\\n"作为分隔符，可以避免只在"n"上分割的问题。

有人尝试过使用"\\n"作为分隔符，但是没有匹配到换行符，因为它要匹配的是反斜杠加n。

但也有人发现，这种方法只有在斜杠被转义后才有效。例如：str = str.split("\n").join("<br />");

可能这取决于字符串中是换行符还是反斜杠加n。

0
0 Comments

问题的原因是在标题中防止换行，解决方法是使用CSS的white-space: pre-line属性。这会在标题中显示换行符。如果有实际的换行符，可以使用white-space: pre-wrap属性。此外，还可以使用white-space: pre-line属性来避免在最后一行之后添加换行符。有一些人还提到white-space: pre-line属性可能会在第一行之前添加一个巨大的空格，但这个问题可以通过调整CSS来解决。white-space: pre-line属性是防止标题中换行的一种解决方法。

0
0 Comments

如何防止标题中的行不被截断？（html）

问题的原因：在标题中，如果文字太长，会导致行不被截断，造成页面显示的不美观。

解决方法：使用替换方法将换行符替换为HTML中的<br>标签，使得文字在标题中换行显示。具体代码如下：

str = str.replace(/(?:\r\n|\r|\n)/g, '<br>');

可以通过以下链接获取更多信息：

https://stackoverflow.com/a/11530881/5042169

https://stackoverflow.com/a/36524555/5042169

额外注意事项：如果只想替换第一个出现的换行符，可以使用以下代码：

str.replace("\n", '<br />')

如果想替换多个连续出现的换行符，可以使用以下代码：

str.replace(/(\n)+/g, '<br />')

感谢以上评论提供的额外信息和解释。

0