在HTML中呈现字符串并保留空格和换行符

我有一个MVC3应用程序，有一个详细信息页面。作为其中的一部分，我有一个描述(从db检索)，其中有空格和新行。当它被渲染时，新的行和空格被html忽略。我想对这些空格和新行进行编码，这样它们就不会被忽略。

你是怎么做到的?

我尝试了HTML。编码，但它最终显示编码(甚至不是在空格和新行上，而是在其他一些特殊字符上)

当前回答

只需要用空白设置内容样式:pre-wrap;。

div { 空白:pre-wrap; ｝ < div > 这是一些文本，有一些额外的空格和一些换行符和一些尾随空格加上五个前导空格为好测量 < / div >

其他回答

你试过使用<pre>标签吗?

< >之前文本与在预标记之间嵌入多字符换行符会起作用标签也可以工作它将保留格式.. < / >之前

您可能希望将所有空格替换为 (非换行空格)和所有新行\n <br> (html中的换行符)。这应该能达到你想要的结果。

body = body.replace(' ', '&nbsp;').replace('\n', '<br>');

就是那种性质。

只需要用空白设置内容样式:pre-wrap;。

div { 空白:pre-wrap; ｝ < div > 这是一些文本，有一些额外的空格和一些换行符和一些尾随空格加上五个前导空格为好测量 < / div >

您可以使用空白:行前来保存格式中的换行符。不需要手动插入html元素。

.popover {
    white-space: pre-line;    
}

或者添加到你的HTML元素style="white-space: pre-line;"

我试过留白:预包装;皮特说的技术，但如果绳子是连续的，很长，它只是跑出了容器，没有翘曲，没有太多的时间去调查。但如果你也有同样的问题，我最终使用<pre>标签和下面的css，一切都很好。

pre {
font-size: inherit;
color: inherit;
border: initial;
padding: initial;
font-family: inherit;
}

推荐文章