테스트 사이트 - 개발 중인 베타 버전입니다

페이지 전체 가운데 정렬 margin: 0 auto;

· 19년 전 · 5424 · 3
워드프레스 코드를 들여다 보다 발견했습니다.
간단하지만 이번 작업에서 처음 접했고 팁란에 아직 없는듯 해서 올립니다.

margin: 0 auto; <<=== 이 라인이 가운데 정렬을 해줍니다. 마진값이 있으면 안됩니다.

주의 - position:absolute; 이며 좌표값이 있는경우는 당연히 제외 됩니다.

링크 에서 브라우저 크기를 바꿔보시면 됩니다.

링크 오른쪽 하단 http://css-validator.kldp.org 링크에서 해당 페이지의 " 유효한 CSS 정보 " 부분을 참고하세요.

_____________________________________

예제;

#level0 {

margin: 0 auto;

text-align: left;

width: 990px;

text-decoration: none;

}
_____________________________________

부족한 부분은 덧글로 보충해주세요~**<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

19년 전
FF에서는 잘됩니다. IE에서는 레이어를 외부에 하나 만들어주고 text-align:center 해줬던기억이..
그렇군요^^
body 설정까지 넣어주는것이 맞는것 같습니다.

body {
text-align: center;
}
#level0 {
margin: 0 auto;
text-align: left;
width: 990px;
text-decoration: none;
}
17년 전
감사합니다..

게시글 목록

번호 제목
10853
10852
10850
28848
10849
28847
10846
28846
10845
28845
10844
28844
28843
10843
28842
10842
28841
10841
28840
28839
10840
10839
24791
24789
10836
28838
24788
24787
24786
28837
28834
10835
10834
정규표현식 수수료계산
28833
28829
10833
10831
10830
10829
28828
10828
10827
10823
10822
10821
10820
28822
10814
10812
10811
10810
10808
10804
10797
28821
10796
10795
10794
10792
10789
10785
10781
10780
28820
10776
10769
10766
10765
10758
28818
10754
10753
10750
28817
10749
10748
10747
10746
10740
10738
10735
10734
28812
10730
10726
10725
28811
10724
10723
10722
10721
10717
10716
10715
10713
10712
10711
10710
10709
10708