はじめに#

　formタグの中にtextareaタグを作成して文章を投稿したい時に、改行させて入力することもあります。そのままデータベースに保存→データを取得して表示すると、なんと改行が消えてしまっています。
　今回はこれを解消しようと思います。

CSSを使った方法#

　改行は消えてしまっていますが、そこにはちゃんとHTMLエンティティという特殊な文字で改行の情報が保存されています。
　CSSを使って、改行させることができます。

style.css

.comment {
    white-space: pre-wrap;
}

white-spaceは、CSSのプロパティで、要素内のホワイトスペースをどう扱うかを決めるプロパティです。
pre-wrapとすることで改行が反映されます！

ちょっとしたことですが、ブラウザへの表示は意外とハマりやすいので、備忘録として残しておきます。