CSS

position 수평 중앙 정렬

하루 2022. 1. 31. 19:20

위치 고정을 통해 요소를 정렬할 때 화면의 중앙에 오도록 하는 방법이 있다.

.btn {
    width: 300px;
    height: 50px;

    position: fixed;
    bottom: 16px;
    left: calc(50% - 150px);   /*화면 너비의 절반만큼 오도록 계산*/
}