div 중앙정렬 방법

문제와 해결/css

리양 2021. 7. 21. 15:49

[ CSS 응용 ] DIV 중앙정렬 방법 총정리

| 개요 사이트를 디자인 하다보면 여러가지 정렬방식들이 기초적인 text-align속성과 position속성으로 정렬을 할 수 있다고 설명을 해드린적이 있습니다. 그렇다면 이번엔 조금 더 들어가 Div객체를

saimplay.tistory.com

1. transform 을 이용한 중앙정렬

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);