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

http://www.htmq.com/style/white-space.shtml

要素中のテキストの文字列中にある \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日-)は日本のプログラマ、会社代表。本名は小林貴也(こばやし たかや)。主にウェブ、フロントエンド領域で活動している。カミング・スーン合同会社の代表社員。
さらに詳しく

寄附について

面白かったらBTCETHでの寄附をお待ちしております。
寄附のきろく