Div를 center로 align하는 방법 좀

손님 · Post by 손님 » 2005 11 12 09:02 48

Table을 사용하지 않고

<body style="text-align:center;">
<div sytle="width:200px;height:200px;border:1px solid red;">
</body>

와 같이 div를 center로 위치 시키면 span같은
text-level box는 가운데로 오는데, div 가운데로 오지 않는군요.

일반적으로 FF 에서는 어떤 방법으로 div를 centering을 하는지 알고 싶습니다.

물론 table속에 div를 넣는 방법은 말고 말입니다.

고견을 들려 주세요...

she · Post by **she** » 2005 11 12 09:17 00

가운데 정렬은

Code: Select all

body { text-align:center;}

// 먼저 전체 바디에 가운데 정렬을 줍니다.

전체 레이아웃을 시작하는 div가

Code: Select all

<div id="wrap">

이라면

Code: Select all

#wrap {margin:0 auto; text-align:left;}

// 텍스트는 좌측 정렬로 주고요. margin:0 auto; 이것이 가운데 정렬을 하란 말이 되겠습니다.

margin:top right bottom left; // 이런건 아시죠?

margin: 5px 5px 5px 5px; // 1번
margin:5px; // 2번
1번 = 2번
margin:5px 0 5px 0; // 3번 : 0일땐 단위를 쓰지 않고, 그 이상일 때는 단위를 씁니다.
margin:5px 0; // 4번
3번=4번

이런 식이니
margin:0 auto; 는 margin : 0 auto 0 auto; 와 같은 뜻이 되겠습니당.^^

이 글 쓴 사람 · Post by **이 글 쓴 사람** » 2005 11 12 09:32 41

정확하게 제가 바라던 답이네요. 잘 되는군요.

다른 것에 응용해도 잘 쓸 수 있겠습니다.

정말 고견이십니다.

감사합니다.

Mozilla 한국 커뮤니티

Div를 center로 align하는 방법 좀

Div를 center로 align하는 방법 좀

답변입니다.

Who is online