文系未経験プログラマ

忘れてもいいように書く

positionでやる中央寄せ

【前提知識】
・親要素にposition: relative, 子要素はposition: absoluteを指定しておく

 

【本題】
・子要素をleft: 50%で、親の半分より右に持っていき、
更に子要素のtransform: translateX(-50%)で子要素自身のサイズの半分分左に持っていくと、
子要素が親要素の丁度中央に移動できる


【感想】
cssはこういう技っぽいのを覚えると結構覚えられる
・こういう技っぽいのを集めた本かサイトを知りたい


【参考】
仕事を通して知ったので特になし