2011-12-24 5 views
0

이 코드는 (내 의견으로는) 작동해야하지만, 왜 그렇지 않을지 생각하지 않습니다. 미리 감사드립니다html/css의 중심에 있지 않을 수 있습니다.

<body> 
<div id="wrap"> 
<div style="margin:auto;"><img src="logo.png" alt="logo"/></div> 
</div> 
</body> 
</html> 

편집 : 나는 그것을 중심을 시도하고있다 . 그것은 왼쪽 상단 구석에 남습니다. 두 div에 auto의 높이와 너비를 추가해도 작동하지 않았습니다.

+0

브라우저 및 버전 – diEcho

+0

"작동하지 않는"것은 어떨까요? 코드가 실제로 원하는 것을 말하지 않으면 누구가 당신을 도울 것입니까? –

+0

제목에 "가운데에 맞출 수 없음"이라고 표시되어 있습니다. 화면의 왼쪽 상단에 그대로 있습니다. 나는 logo.png를 중심에두고 싶다. –

답변

0

부서를 센터로 설정하기 전에 2 가지를 확인해야합니다.

  1. Doctype : 쿼크 모드가 아닌지 확인하십시오.

  2. 내부 div의 너비는 부모 div의 너비보다 작아야합니다.

귀하가 답변을 얻을 수 있는지 확인하십시오 ... 최고입니다.

0

내부 div의 너비가 #wrap div의 너비보다 작습니까?

0

랩에 설정된 너비가 있다고 상상해보십시오. 이미지를 보유하는 div에는 너비가 설정되어야합니다.

Fiddle 그래서 제대로 작동하는지 확인할 수 있습니다. (이 질문에 대한 약간의 잔인 함, 나도 알아 :))

2

로고를 수평으로 정렬하려면 포함하는 div의 너비도 지정해야합니다. 다음은 샘플 코드입니다.

<html> 
<body> 
<div id="wrap"> 
<div style="width:100px; margin:0 auto;"><img src="logo.png" alt="logo"/></div> 
</div> 
</body> 
</html? 
1

내부 div는 자동 여백이 작동하는 데 필요한 너비 세트 여야합니다.

관련 문제