HTML で文字列をレンダリングするときにスペースと改行を保持するにはどうすればよいですか?

スペースと改行を保持しながら HTML で文字列をレンダリングする

MVC3 アプリの詳細ページでデータベースから取得した文字列を表示する場合、一般的に新しい行とスペースがデフォルトで無視されるという問題が発生します。これにより、レンダリングされたテキストの見た目が悪くなり、アプリケーションの使いやすさに影響を与える可能性があります。

これらの書式設定要素を保持するには、HTML 内で正しくエンコードされていることを確認する必要があります。残念ながら、HTML.Encode を使用すると、エンコード自体が表示される可能性がありますが、これは意図した動作ではありません。

この問題の解決策は、CSS を使用してコンテンツをスタイル設定することです。 White-space プロパティを pre-wrap に設定すると、スペースと改行を意図したとおりに保持するようにブラウザに指示できます。例:

div {
  white-space: pre-wrap;
}

この CSS クラスをテキストを表示する要素に適用すると、次のようにレンダリングされます:

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

このアプローチを実装すると、HTML で文字列を効果的にレンダリングできます。元の書式を維持しながら、可読性を確保し、アプリケーションのコンテンツの望ましい視覚的外観を維持します。

以上がHTML で文字列をレンダリングするときにスペースと改行を保持するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。