横並びのCSSの3パターン

CSSに関する記事はゴマンとあるので自分用メモにとどめておきます。
読みにくさがご勘弁を

CSSは奥さんのほうが詳しく、いつも聞いてばかりなので
同じことは聞かないようにうまくまとめていかないと、、、。

1
フロートレフト、フロートライトで頑張る
クリアフィックスを忘れない
(これはよく使うので割愛)

2
親にディスプレイフィックス
子にウィズで%指定_100位内に収める

 justify-content: space-between;

できれいに中央そろえ

3
親にフォントサイズ0を当てて

.hoge_left,
.hoge_right {
display:inline-block;
width: 49%;
}

4
親にテーブルを使う(ウィズ100%)
子にテーブルを使う(セル)
vertical-align
top: 上端揃え
を行う

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です