CSS 에서 div 자체를 center 정렬하기
페이지 정보
작성자 관리자 (61.♡.26.29) 작성일 17-08-26 18:32 조회 4,361 댓글 0본문
div 안의 내용물을 center 정렬을 하려면 text-align:center; 를 주면 된다.
<div style="text-align:center;">내용</div>
그런데, div 자체를 center 정렬을 하려면?
이때는 div 의 style 에 margin:0 auto; 를 주면 된다.
<div style="width:500px;margin:0 auto;">내용</div>
단, 여기서 주의할 점은,
div 는 block 요소이기 때문에, width 의 지정이 없으면 100% 가 된다.
그래서 width 를 함께 지정해 주어야 원하는 효과가 나온다.
<div style="text-align:center;">내용</div>
그런데, div 자체를 center 정렬을 하려면?
이때는 div 의 style 에 margin:0 auto; 를 주면 된다.
<div style="width:500px;margin:0 auto;">내용</div>
단, 여기서 주의할 점은,
div 는 block 요소이기 때문에, width 의 지정이 없으면 100% 가 된다.
그래서 width 를 함께 지정해 주어야 원하는 효과가 나온다.
추천0
댓글목록 0
등록된 댓글이 없습니다.