CSSのdisplay:inline-blockを中央寄せするには？ ｜ 向壁虚造

要素のdisplayをinline-blockに変更することで、複数の要素を横に並べることができ、また幅と高さを指定できるようになります。 inline-block要素は、よく「ブロック要素とインライン要素の良いとこ取り」などと表現されます。 しかし、両方の性質を持ち合わせている分、扱い方がところどころブロック要素的であったり、インライン要素的であったりします。 もっぱらinline-block要素の取り扱いで迷うのは「中央寄せ」です。 ブロック要素と同様に「margin: 0 auto」で中央寄せを試みて上手くいかない…なんていう初学者も多いのではないでしょうか。 そこで今回は、そんなinline-block要素を水平方向（左右）または垂直方向（上下）で中央に配置するための方法を解説します。 １．そもそもinline-blockとは？inlineやblockとの違い まず、具体的なテクニ

[ar0]

“transform: translateY(-50%);”