margin: auto;は非常に便利なCSSで、使用することも多いと思います。 そのmargin: auto;の仕組みをおさらいし、最近の実装で使用される中央配置のテクニックを紹介します。また、ナビゲーションでタイトル以外のリンクを右寄せに配置させるなど、便利な ...

CSSだけでwidth: auto;やheight: auto;にアニメーションできたらいいな、と思ったことはありませんか？ たとえば、下記のようにテキストの量によってサイズが異なるボタンです。 これまではCSSでアニメーションするときは、固定値（width: 100px;しかアニメーション ...

autoと100%の違いをしっかり理解する 〜 ブロック要素とFlexboxでの挙動の違いもセットで解説 〜 コーディングで毎日のように使う auto と 100%。一見似ていますが、正しく理解しないとレイアウト崩れや意図しない表示につながります。 autoと100%の本質的な違い ...

【CSS】真ん中に位置させたいからって使うtransform: translateX (-50%);はいったい何なの？ 🤔 margin: 0 autoとか文字ならtext-align: centerじゃダメなの？