CSSでposition: absoluteで中央寄せする
position: absoluteを使って中央寄せする記述。transformを使うのがポイント。
.xxx-wrapper {
position: relative;
}.xxx {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 1;
}
position: absoluteを使って中央寄せする記述。transformを使うのがポイント。
.xxx-wrapper {
position: relative;
}.xxx {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 1;
}