웹마스터 팁

css 가운데정렬 완벽정리!

2014.02.14 18:23

css 가운데 정렬

웹제작할때 DIV 제작시 좌로 붙거나 혹은 position으로 위치 설정을 해주지요?

그렇다면 css를 이용하여 div를 가운데 정렬 해주려면 어떻게할까요?

대부분에 사이트들은 가운데 정렬로 되어있습니다.

원하는 레이아웃의 크기를

width:넓이px; 지정해주고

margin: 0 auto;

브라우저에 따라 자동으로 마진을 0값을 주어 가운데 정렬을 해준다

[출처] CSS 가운데 정렬 완벽 정리|작성자 water is life

이 게시물을

반응형 , 웹표준 , 안드로이드앱 기타 등등 제작지원

제목	글쓴이	날짜
위젯 게시판 선택시 다중선택하기 ! [2]	GomSang	2014.02.21
GNB 메뉴를 쉽게 만드는 jQuery plugin [2]	김개발	2014.02.14
복권 모듈 가운데 긁었을때 반응하게 하기 [6]	귀머거리하늘	2013.11.09
XE 1.7.4 "이메일 주소로 계정 찾기" 오류 해결 방법	꿈돌리	2014.02.20
누리고 쇼핑몰 모바일버전에서 백지화현상 수정하는 팁 [5]	garnecia	2014.02.19
추천/비추천/신고시 확인(메시지 창 띄우기)하기 [21]	explode	2013.11.27
탈퇴회원 레벨 아이콘 출력 안하기 [7]	Gunmania	2013.08.17
IEXPLORER 버젼 호환성 강제 맞추기	davidis	2014.02.18
XE 첨부파일 문제로 게시판이 백지화 될때... [1]	똑디	2011.05.20
버젼 1.4.5.5 업그레이드후에 음악올리면 안뜨기에 여기 와서 다시 해보는 것입니다. [20]	유샤인	2011.04.22
[XE] 1.4.5.x 업데이트 후 레이아웃 오류 수정법 [7]	SeklutZ	2011.04.07
레이아웃 위젯 권한 넣기 [14]	해피해킹	2011.04.12
1.7.4 버전용 한글 lang.xml 파일 [5]	투씨	2014.02.18
모바일 사진 자동 회전 적용방법 [8]	더뿌	2014.02.11
초간단 애드온 제작법 [8]	카르마	2011.03.25
IPGUARD 모듈 배포 [33]	우진홈	2013.07.10
주민등록번호로 성별/나이/연령대 구분 [4]	강병기	2008.01.09
모바일 이미지 업로드시 세로사진 자동 회전하기 [8]	Xiso	2013.10.17
css 가운데정렬 완벽정리!	돼지코구뇽	2014.02.14
iframe을 이용하여 target효과 주기. [8]	ZipShin	2002.08.01

태그 쓰기