要素中の改行をそのまま出すCSS - dev.jgs.me


要素中のテキストの文字列中にある \n をそのまま改行として出すにはどうしたらええもんかなーという事案があって、泥臭く <br> に置換するみたいなことをしなくてはいけないのかな...と、調べてみると CSS でできるそうだ。

React だと

(livescript)

              DOM.div do
  style:
    whiteSpace: \pre
  'some\nnewline'
            

こういう感じで style を指定してやるだけでよい。