渲染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

我正在尝试white-space: pre-wrap;pete所说的技术，但是如果字符串是连续的并且很长一段时间，它刚从容器中用完了，并且由于任何原因都没有翘曲，那么就没有太多的时间来研究 ..但是如果您也有同样的问题，我最终使用了<pre>标签和以下CSS，一切都很好。

pre {

font-size: inherit;

color: inherit;

border: initial;

padding: initial;

font-family: inherit;

}