横方向のスクロール overflow-x:scroll を使う場合
white-space:none; width: some px: float: none; が親要素に必要。
white-space:none; width: some px: float: none; が親要素に必要。
アコーディオンメニューのサンプルコードを記載します。
画像を縦なり横なりに並べる時、サイズの異なる画像を混ぜると、一つだけ横幅が足りなかったり、画像の高さが違って不格好になったりしてしまいました。 わざわざ同じサイズの画像を使用するルールを決めるのも煩雑なので、異なるサイズ...
グリッドレイアウトには、float, display:table, flexでの対応がありますが、flexboxが主流なので、flexboxでの対応をまとめます。
IE11でdisplay:table-cell;を当てたテーブルにネストされたインライン要素に高さが出ずに画面が崩れていた時の対応。
line-hgiehtでtransitionが効かないときは、line-heightの値をpxで指定していないか注意。 line-heightは、`line-height: 1;` のように、単位をつけずに指定することで...