웹(html/css) 중앙정렬 하는 법
드리에이터
정보
0
6916
2018.11.21 23:57
웹 html/css 코딩을 하다보면.. 참으로 많이 접하는 게 중앙정렬을 하는 일입니다.
저도 초보인지라.. 자주 헷갈리는데 좋은 내용을 발견해 글 남깁니다.
1.
일단은 가운데 정렬을 위해선
해당 요소가 블럭요소인지, 인라인 요소인지에 대한 개념이 서야 합니다.
https://homzzang.com/b/html-103
2.
블럭 요소는
해당 요소에 margin:0 auto; 넣어 중앙 정렬 시키고,
인라인 요소는
부모 요소에 text-align:center 넣어 중앙 정렬 시키커나,
해당 요소를 블럭 요소로 만든 후 블럭 요소 방식으로 중앙정렬 시킵니다.
3.
요소의 성질을 변경하는 건 아래 CSS 참고하세요.
https://homzzang.com/b/css-107
출처 : http://amina.co.kr/bbs/board.php?bo_table=apms_qa&wr_id=111500