gpt4 book ai didi

javascript - 为什么我的\n 换行符不起作用?

转载 作者:行者123 更新时间:2023-11-28 11:51:07 25 4
gpt4 key购买 nike

编辑已解决

我想知道为什么以下代码不起作用 - 没有“生成”换行符有人有主意吗?谢谢

$('#results').append("Try again! \n I believe in you"); 

最佳答案

我假设您正在执行 ajax 调用或其他操作,并且结果包含“\n”并且您无法更改它?

没关系,在 HTML 中,诸如\n 和空格之类的内容都会被忽略,除非您明确声明要使用空格。

有两种主要方法可以实现此目的。

首先是 <pre>标签

$(function() {
$('#results').append("Try again! \n I believe in you");
})
<html>
<head>
<script data-require="jquery@*" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>

<body>
<pre id="results"></pre>
</body>
</html>

第二种(更好的方法)是使用 white-space 的 css

在下一个示例中,我使用 white-space:pre-line这只会保留您的\n 或新行

$(function() {
$('#results').append("Try again! \n I believe in you");
})
<html>
<head>
<script data-require="jquery@*" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>

<body>
<div style = "white-space: pre-line" id="results"></div>
</body>
</html>

请注意,第二个使用的是标准 <div> ,触发新行并且不保留\n? 后面的额外空格?这可能更符合您的需求。您也可以将其设置为 white-space:pre div 的行为应该像 <pre></pre> 一样在空白和新行方面。

white-space有很多选择:

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

这应该可以满足您的需要。

如果您正在寻找非常具体的格式,您可能需要使用 Javascript 来清理文本。

还有其他方法可以在文本中进行中断,但如果您专门使用 \n那么这是我所知道的唯一两种方法。

希望这有帮助!

关于javascript - 为什么我的\n 换行符不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37353798/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com