pre タグを使いたくない場合は white-space を当ててやる

pre タグ

例えばデータベースから \n 込みのテキストを持ってきてそれを Webページ に展開したい場合、preタグ を使うとサクサクと改行を反映できます。が、フォントが強制されるのがつらいです。

white-space プロパティ

その場合は white-space のスタイルを当ててやるとすっきりします。

値にはいくつか指定できるものがありますが、pre-line が使い勝手がいいかなと思います。

きっかけ

MaterializeCSS はよく <br> がそのまま埋め込まれてしまうコンポーネントがあって困っていたところ、上記のスタイルを当てるといい感じになることがわかってホッとしています。

Powered by はてなブログ