센터 정렬 DIV

저는 CSS에 초보자입니다. 제발 저를 도와주세요.센터 정렬 DIV

"거대한"보다 작은 기본 DIV ("얇은"이라고 부름)와 같은 중심을 차지할 수있는 넓은 DIV (이름이 "거대한")를 만드는 방법. '거대한'크기는 고정되어 있지만 '얇은'너비는 자동이어야합니다 ('고무').

아이디어가 있으십니까?

출처

2011-09-13 Epsiloncool

이상한 이름 지정 지침은 숙제처럼 들릴 수 있습니다 ... 그렇다면 태그를 달아주세요. 사람들이 기꺼이 도와 드리겠습니다. – rownage

실제 HTML과 원하는 결과를 보여 주면 어떨까요? :) margin : 0 auto;는 고정 너비 div를 가운데 정렬하는 가장 좋은 방법입니다. –

hmmmmmm. 거대한! 얇은! 로렐과 하디처럼 들리네. – Jawad

이 시도 :

<div id="outer" style="width:700px; margin: 0 auto; border:1px solid black;"> 
    <div id="inner" style="width:auto; margin: 0 auto; text-align:center; border:1px solid red;"> 
     some text 
    </div> 
</div>

섹션 margin: 0px auto; 의미 : 0 픽셀하기 위해 상단과 하단 여백을 설정하고, 왼쪽과 오른쪽 자동차에 (이 만드는 div의 중심). 부분 text-align:center은 자체 설명 - 텍스트를 가운데에 배치합니다. 테두리가 추가되어 원하는대로 작동하는지 확인할 수 있습니다.

출처

2011-09-13 18:45:32

[link] http://imageshack.us/f/832/thinhuge.jpg/ (미안하지만 손이 익사 한 이미지는 더 빠릅니다 :)). 이 그림은 내 뜻을 설명하고 있습니다. – Epsiloncool

@Jonas 나는 마진 내에 다른 div의 한 div를 위치시키는 것에 대해 알고있다 : 0 auto; 하지만 내 상황에서는 작동하지 않습니다. ( – Epsiloncool

나는 당신이 원하는 것을 이해하는데 여전히 문제가 있습니다. 귀하가 게시 한 링크 (decor.svn2ftp.ru)는 귀하의 사이트입니다, 네? 당신이 원하는 것을 얻을 수 있습니까? ? –

There is jQuery plug-in Roundabout, which using big DIV to store the picture...

난 당신이 참조 플러그인에서 사용하는 개념을 missunderstod 수 있습니다 생각합니다. 왜냐하면 실제로 (배경으로) 더 크게 보이는 요소는 "얇은"것으로 보이는 요소와 같은 크기 일 수 있기 때문입니다. 체크 아웃 : http://jsfiddle.net/toopay/JMp88/

출처

2011-09-14 04:50:42 toopay

센터 정렬 DIV

답변

관련 문제