CSS Flexboxで配置する時に知っておくと便利！オートマージン（margin: auto;）の仕組みと効果的な使い方

Flexboxも、margin: auto;も、CSSでよく使うプロパティです。 このFlexboxとオートマージン（margin: auto;）を組み合わせると、さまざまなレイアウト・配置ができます。例えば、ナビゲーションのアイテムを配置する際に、ロゴだけ左端に、検索を右端に、といった配置もオートマージンが活躍します。 オートマージン（margin: auto;）の仕組み、CSS Flexboxとオートマージンの効果的な使い方を紹介します。 Flexbox: Aligning with Auto Margins by Samantha Ming 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Flexboxにおけるオートマージンの役割 マージンについて理解する オートマージンが常に優先される オートマージンの効果的な使い方 F

[coliss]

オートマージン（margin: auto;）の仕組み、CSS Flexboxとオートマージンの効果的な使い方。

[hirorock]

margin auto

[teru-7]

flex

[hachiame]

オートマージンが出来るの知らなかったから、試してみたい。

[AzuLitchi]

はてなのページャーに使いたい

[tossy_yukky]

便利

[mayumayu_nimolove]

ふむ

[nasust]

なるほどー

[kuracom]

flexboxでも使えるネタなの知らなかった