タグを使用すると改行はちゃんと改行されるが、フォントが変わってしまう。
タグを使用すると改行はちゃんと改行されるが、フォントが変わってしまう。
デモ
See the Pen <textarea>と<pre> (@rjwxfqli) on CodePen.
white-spaceプロパティなるものを利用すれば改行も反映される
改行ありのテキストを表示したいなら、表示するタグのCSSに以下を追加する。
white-space: pre-wrap;
これで、preのように整形してくれるし、preだとフォントが変わっちゃうのも変わらなくしてくれる。
問い合わせフォームとかの長い文章を入力して、確認画面などに表示する際に使えるのかなと思います。