본문 바로가기

CSS

박스를 가운데정렬해주는 방법 margin: 0 auto

정렬대상이 block 요소일때 사용할 수 있다.

그리고, 이 정렬대상인 block 요소의 width가 정해져있어야한다.

 

div 태그같은 경우, width="165"과 같이 고정된 값이 있어야한다.

그래야 width를 제외한 나머지 공간을 margin값이 똑같이 나눠가지면서 가운데 정렬이 된다.

 

 

margin : 0 auto

margin 위아래 값은 주지 않고, 좌우는 균등하게 값을 주어 정중아에 두게 되는 것.

 

출처 : https://www.codeit.kr/community/threads/10663