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

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

React だと

(livescript)

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

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

original: http://dev.jgs.me/2015/04/06/white-space-pre-for-newline

#20150406 #0406

筆者について

jigsaw(ジグソウ、1991年6月12日-)は日本のプログラマ、会社代表。本名は小林貴也(こばやしたかや)。主にウェブ、フロントエンド領域で活動している。カミング・スーン合同会社の代表社員。

面白かったらBTCやETHでの寄附をお待ちしております。