javascript显示多行文本
javascript显示多行文本
提问于 2018-07-30 04:45:03
我尝试显示多行文本，但它总是显示为一行。
例如：
var text ="line 1. \n line 2. \n line 3."它应该是这样显示的：
line 1.
line 2.
line 3.但我最终得到的是
line 1. line 2. line 3.在呈现的html页面中。
我尝试了jquery text和html方法，但没有成功。
即使是通过angularjs，它也总是一样的。
$('#element').text(text);
$('#element').html(text);
or
<div>{{ text }}</div>有没有办法得到我想要的东西？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-07-30 05:03:54
试试像这样的东西
<div class="angular-with-newlines">
{{ text }}
</div>css
/* in the css file or in a style block */
.angular-with-newlines {
white-space: pre-wrap;
}这将使用给定的换行符和空格，但也会在内容边界处中断内容。有关空格属性的更多信息可以在此处找到：
https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
如果您想在换行符上换行，但又要折叠文本前面的多个空格或空白(与原始浏览器的行为非常相似)，您可以使用：
white-space: pre-line;Stack Overflow用户
发布于 2020-06-19 17:30:14
试着这样做。<p style="white-space: pre-line;">{{ text }}</p>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51584420
复制相关文章
相似问题