はじめに#
formタグの中にtextareaタグを作成して文章を投稿したい時に、改行させて入力することもあります。そのままデータベースに保存→データを取得して表示すると、なんと改行が消えてしまっています。
今回はこれを解消しようと思います。
CSSを使った方法#
改行は消えてしまっていますが、そこにはちゃんとHTMLエンティティという特殊な文字で改行の情報が保存されています。
CSSを使って、改行させることができます。
style.css
.comment {
white-space: pre-wrap;
}
white-spaceは、CSSのプロパティで、要素内のホワイトスペースをどう扱うかを決めるプロパティです。
pre-wrapとすることで改行が反映されます！
ちょっとしたことですが、ブラウザへの表示は意外とハマりやすいので、備忘録として残しておきます。