LoginSignup
49
25

More than 5 years have passed since last update.

@mikan3rdin株式会社ZENKIGEN

[CSS] 文章中の改行文字を反映する

Last updated at Posted at 2018-05-25

:star: 問題

  • textareaなどで入力した文章をそのまま表示すると改行が反映されない問題
  • 意外と知られてなさそうなので投稿してみました
  • CodePenを使ってみたかった

:star2: 解決方法

  • CSSにwhite-space: pre-wrap;を書くと改行文字で改行してくれます
  • さらに、word-wrap: break-word;で単語の途中でも改行するようになり、文字がはみ出すのを防げます

:pencil: デモ

See the Pen CSSだけで改行を反映 by hiroki-ota (@mikan3rd) on CodePen.

49
25
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
49
25