渲染HTML中的字符串并保留空格和换行符

Question

我有一个带有详细信息页面的MVC3应用程序。作为其一部分，我有一个描述（从数据库检索），其中有空格和换行符。呈现时，新行和空格将被html忽略。我想对这些空格和换行进行编码，以免被忽略。你是怎样做的？我尝试了HTML.Encode，但最终显示了编码（甚至不是在空格和换行符上，而是在其他一些特殊字符上）

Answer 1

只需使用设置样式white-space: pre-wrap;。

div {

    white-space: pre-wrap;

}

<div>

This is some text   with some extra spacing    and a

few newlines along with some trailing spaces        

     and five leading spaces thrown in

for                                              good

measure                                              

</div>

Answer 2

您可能要用&amp;nbsp;（不间断空格）替换所有空格，并\n用<<b></b>br>（html中的换行符）替换所有新行。这样可以达到您想要的结果。

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

那种性质的东西。