div 를 가운데로 정렬해 주세요 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

div 를 가운데로 정렬해 주세요 정보

div 를 가운데로 정렬해 주세요

본문

<div style="padding:3px; border-width:1px; border-color:rgb(222,222,222); border-style:solid; width:400px;">
  <div style="background-color:white; padding:10px; width:100%;">
        <p align="center">test</p>  </div>
  </div>

div는 전혀 모르겠는데 table 처럼 align=center 로 넣어도 중앙에 정렬이 안되네요

어떻게 해야 전체가 가운데로 정렬이 될까요...

  • 복사

댓글 전체

hades708 자기소개 아이디로 검색 회원게시물 09.12.29 21:40:13
답변 감사드립니다 ^^ 하지만 제가 원하는 답변은

<TABLE cellpadding=0 cellspacing=10 border=0 style="width:400;background-color:#ffffff; border:1px solid #dedede;" align="center">
<TR>
<TD style="background-color:#ffffff; padding:3px;vertical-align:top;"><p align="center">test</p></TD>
</TR>
</TABLE>

위의 테이블 소스처럼 위의 질문 div 도 가운데로 정렬하는 ... 그런 방법을 질문 한건데....

제가 질문이.. 좀  이상한가요....ㅠㅠ
멀미안녕 자기소개 아이디로 검색 회원게시물 09.12.29 22:52:14
그냥 간단히

<center>
<div style="width:400px; padding:3px; border:1px solid gainsboro">
  <div style="padding:10px; background:white; text-align:center"> test </div>
</div>
</center>

해보세요.
hades708 자기소개 아이디로 검색 회원게시물 09.12.29 23:17:56
앗! 정말 간단한 방법이네요 바로 해결 됐습니다^^

감사합니다 ^^

엑스엠엘님도 감사드립니다 ^^


제가 여쭤보고 싶었던건 div style 내에 센타로 위치하게 하는
추가 할 소스는 없는지 여쭤봤던건데.. ^^

어쨌든 해결 되었습니다 감사합니다
미래나무 홈페이지 자기소개 아이디로 검색 회원게시물 09.12.30 00:44:58
center은 쓰면 안좋아요~ ^^
<div style="margin:0px auto; padding:3px; border:solid 1px #DEDEDE;">
<div style="background:#fff; text-align:center; padding:10px; width:100%l">
<p>test</p>
</div>
</div>
지이누우보오드 자기소개 아이디로 검색 회원게시물 10.01.01 03:14:41
<div style="margin:0px auto; padding:3px; border:solid 1px #DEDEDE;">
<div style="background:#fff; text-align:center; padding:10px; width:100%l">
<p>test</p>
</div>
</div>  이것이 정답이네..
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로