웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
css 가운데정렬 완벽정리!
2014.02.14 18:23
css 가운데 정렬
웹제작할때 DIV 제작시 좌로 붙거나 혹은 position으로 위치 설정을 해주지요?
그렇다면 css를 이용하여 div를 가운데 정렬 해주려면 어떻게할까요?
대부분에 사이트들은 가운데 정렬로 되어있습니다.
원하는 레이아웃의 크기를
width:넓이px; 지정해주고
margin: 0 auto;
브라우저에 따라 자동으로 마진을 0값을 주어 가운데 정렬을 해준다
[출처] CSS 가운데 정렬 완벽 정리|작성자 water is life
[출처] CSS 가운데 정렬 완벽 정리|작성자 water is life
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[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 |