2011-05-02 7 views
0

내가/align:center;어떻게

text-align:center는 기본적으로 나는 다음과 같은 예를 시도 사용하지 않고 부모 DIV 내에서 하위 사업부를 정렬 가운데 놓아야 하위 사업부를 정렬 중앙에. margin:auto을 작동 시키려면 하위 div에 너비 (자동을 사용할 수 없음)를 지정해야합니다. Sub div width가 0px에서 500px까지 다양 할 경우 어떻게해야합니까? 당신은 그것을 할 센터를 태그를 사용할 수 있습니다

<div style="width:450px;height:500px;background:pink;"> 
    <div style="width:100px;height:200px;background:black;color:#fff;margin:auto;"> 
     hello world 
    </div> 
</div> 
+0

"sub div"의 'width'가 '450px'보다 큰 경우 문제가 발생합니까? http://jsfiddle.net/YHRmz/ 그렇지 않으면 더 설명 할 수 있습니까? – thirtydot

+0

안녕하세요 thirtydot, 아니요, 이것은 subDiv의 너비가 자동 일 때 발생합니다. 와트 내가 의미는 subDiv의 너비는 동적이지만 최대 너비는 500px =) – nuttynibbles

+0

하위 div 폭은 어디에서 왔는가? "sub div"에'width : auto'를 설정하면 다음과 같이 부모 요소의 너비로 확장됩니다 : http://jsfiddle.net/YHRmz/1/ : S – thirtydot

답변

-1

:

는 예를 참조하십시오. 상위 태그 div 태그 뒤에는 center 태그가 사용됩니다.

+0

안녕하세요,하지만이 경우 작동하지 않을 subDiv 너비가 자동입니까 ?? – nuttynibbles

+1

'

'은 더 이상 사용되지 않습니다. – kapa

+0

@bazmegakapa :하지만 nuttynibbles는 정렬없이 사용하면 더 이상 사용되지 않을 수도 있다고 말했습니다. – Ankit

1

margin: auto을 사용하십시오.하지만 작동하려면 div처럼 너비를 지정해야합니다.

0

margin:auto;을 사용할 수 있습니다. 다음을 사용할 수도 있습니다.

margin-left:auto; margin-right:auto; 

그러나 내부 div는 외부 div보다 큽니다.