☰

HTMLで文字列をレンダリングし、スペースと改行を保持する 質問する

tag-icon • tag-icon html css newline whitespace line-breaks
HTMLで文字列をレンダリングし、スペースと改行を保持する 質問する

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

それはどうやってやるんですか？

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

ベストアンサー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>

おすすめ記事