HTML の br タグを CSS だけで消す方法

HTML に br という要素がありますね。 4.6 Text-level semantics — HTML5 The br element represents a line break. ということで、改行を表すということになってます。 以前は <br /> が不要なら <br /> を入れなきゃいいじゃない というだけの話だったんだけど、 最近これを有効にしたり無効にしたりと切り替えたくなることがあります。 例えばいわゆるレスポンシブデザインでサイトを組むときに 大きな画面なら表示範囲にゆとりがあるから改行を入れて広く使ってもいいけど スマートフォンなどの画面でそれをやると一目に入る情報量が減っちゃうから そのときだけ br をなかったことにしたいという具合に。 考えたこともやったこともなかったんだけど、 これ実に簡単な話でした。 display: none; にする 要するに br

[kathew]

この方法賢い / brけしからん論はもっともなんだけど、これは本当に代替策がないからなぁ

[yq1986]

この発送はなかった

[s99e209]

レスポンシブデザインやってるとbrタグが邪魔になることがあるけど、普通にdisplay: none;すれば改行されなくなるのか。 今まで気づかずに無駄に苦労してきた。。

[ku_marin]

なるほどなー

[natsukareala]

なるほどねー

[silem]

これはすごい

[otchy210]

これいいね。文章の折りたたみ→展開みたいなのを css でやるとき、text-overflow: ellipsis; と組み合わせたらイケてる感じになりそう。

[speg03]

なるほど、その発想はなかった。

[WebDesignScrach]

この手があったか

[UDONCHAN]

目からうろこ

[okeke1101]

そーゆー使い方もあるのね