CSS Output48 - Part 3

【レスポンシブ対応】br（改行タグ）をCSSで消す方法

レスポンシブ対応にて、画面サイズに応じて文章を読みやすくするために、改行調整は必要になる。

この時に使えるのがCSSでbr（改行タグ）を無効化する方法。

やり方はCSSにて以下の通り記述するだけ。

[CSS]
br {
  display: none;
}

これで改行が無効になるので、viewport設定と合わせて使用し、各デバイスで最も見やすくなるように調整することが可能になる。

今回はjQueryを使って、Googleタグマネージャの設定画面に出てくるラジオボタン的な動きするアレを作ってみる。

何かひとつ選んだら…↓

他の選択肢は消えて、選択したアイテムだけ残る。

こんな動きするやつを作ってみる。

昨年末からウェブ制作の勉強を再開して未だウラシマ状態の私です。

さて今回は、CSSの中でwebkitとかmozとか、昔は見なかったCSSの表記について。
現役バリバリの人は読む必要ないです。

しょうもない事だけど、ちょっとハマったのでメモ残す。

CSSでfloatを使った時、高さが無視されて親要素からはみ出るのは誰もが通る道と思われる。

今回はその対処方法。