Open1

Web制作Tips(CSS)

Ko.YelieKo.Yelie

absolute要素を上下左右中央揃えにしたいとき、widthとheightの数字が決まっていれば(autoでなければ)、以下のスタイルで実現可能。

position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100px; // auto以外の値
height: 100px; // auto以外の値

transformを使わなくてすむので、transformを使ったアニメーションも実装しやすくなる。