SampleCSS

'\n'で改行する

サーバーから取得したデータの改行が\nになっていた場合に、そのままHTMLに埋め込むと半角スペースで表示されてしまいます。
そこで\nの部分を改行させるにはCSSを用います。
例ではwhite-space: pre-wrap;で改行コードの部分を改行させ、word-break: break-all;で、ブロックレベル要素(例でいうp要素)をはみ出さないように改行するようにしています。

white-spaceプロパティの詳細はこちらを参照ください。

©︎ RyoTa.
Privacy Policy