我尝试显示多行文本,但它总是显示为一行。
例如:
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>
有没有办法得到我想要的东西?
发布于 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;
发布于 2020-06-19 17:30:14
试着这样做。<p style="white-space: pre-line;">{{ text }}</p>
https://stackoverflow.com/questions/51584420
复制相似问题