1. ホーム
  2. ハイパーリンク

[解決済み】HTMLで文字列をレンダリングして、スペースと改行を保持する

2022-03-29 23:38:50

質問

MVC3アプリで、詳細ページがあります。その一部として、スペースと改行がある説明文(DBから取得)を持っています。それがレンダリングされるとき、新しい行とスペースは、htmlによって無視されます。これらのスペースと改行が無視されないようにエンコードしたいと思います。

どうやるんですか?

HTML.Encodeを試してみましたが、結局エンコードが表示されてしまいました(しかもスペースや改行ではなく、他の特殊文字にも表示されてしまいます)

解決方法は?

でコンテンツをスタイルするだけです。 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>