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

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

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

게시글 목록

번호 제목
10331
28724
10329
10328
10326
10324
10323
28723
10322
10321
10320
28722
10318
28719
10317
10314
10312
28716
10308
10307
10306
10305
28715
10304
10303
28714
10302
28713
10301
10300
10299
10296
10294
10293
10292
10291
10289
10285
28711
10281
10279
28710
10278
10277
10276
28709
10273
10270
10269
10267
28708
10266
10264
10263
10261
28707
10260
10256
10255
28706
10253
28704
10250
28703
28702
10249
10247
10245
10243
10240
10239
10238
10237
10235
10225
28700
10213
10210
10207
10205
10204
28693
10198
10195
10191
24785
28674
24784
10189
10187
10182
28669
10181
10175
24779
24772
10173
10168
10163
10160