웹마스터 팁

css 가운데정렬 완벽정리!

2014.02.14 18:23

css 가운데 정렬

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

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

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

원하는 레이아웃의 크기를

width:넓이px; 지정해주고

margin: 0 auto;

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

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

이 게시물을

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

제목	글쓴이	날짜
[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
css 배경이미지 정리	devdevpia	2014.02.13
스윙브라우저 유저분들 필독. [10]	KSG2013	2014.02.08
2014년 2월 12일부터 갑자기 사이트(관리자 페이지)가 깨지는 경우.	새하나모	2014.02.12
XE 1.7.4 새로운 우편번호 체계에서 나머지주소 관련 사용실수 방지방법입니다 [1]	sejin7940	2014.02.07
마우스드래그금지	레치에스	2014.02.11
웹뷰 개발시geocode(구글)활용법	웹빌드	2014.02.10
중복레코드 검색 및 삭제	ByteCMC	2014.02.10
그룹아이콘 모바일에서 표시하기	잉카러부	2014.02.09
1.7.4 업데이트후 글쓰기 에러가 나신다면... [2]	맞장	2014.02.07
기본 css 파일 언로드 하기. [9]	엘카	2012.04.26

태그 쓰기