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

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

· 19년 전 · 5426 · 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년 전
감사합니다..

게시글 목록

번호 제목
8947
8946
8945
8939
8930
8924
8922
8914
8909
8907
JavaScript home, end키 1
28496
8906
8905
8903
28495
8901
8894
8893
8888
8885
8883
8881
8872
8868
8856
8853
8852
8849
8847
8842
8838
8833
8829
8824
8821
8819
8818
28492
8817
8814
28490
8811
8810
8809
8805
8804
8801
8797
8799
8795
8789
8784
8782
8772
8771
28488
8768
28486
8765
8761
8756
8751
28480
8746
JavaScript 이동툴 4
8739
8735
28476
8726
8725
8718
8710
8703
8700
8697
8694
8693
8692
8691
8689
8686
8680
8678
8671
8670
8667
28465
8665
8664
8663
8662
8661
8660
8659
8657
8656
8641
8628
8627
8626
8625