div 위로 가운데 위치 이미지

Question

<img src="logo.jpg"> 
<div class="fadehover"> 
    <div class="a" ><img src="kulte_gray.jpg" /></div> 
    <div class="b" ><img src="kulte.jpg" /></div> 
</div> 

사실 div 컨테이너 바로 위에 이미지의 중심을 배치하고 싶습니다. 좋아, 간단한 <center> 태그를 사용해 보았지만이 브라우저가 모든 스마트 솔루션에 적합한 지 확실하지 않습니다. 어떤 아이디어? div 위에 정렬 하는게 낫겠 니?

Answer 1

<style> 
    #logo { 
     display: block; 
     margin: 0 auto; 
    } 
</style> 

↑ 이것은 부모 컨테이너 내에 #logo을 중심에 배치합니다.

<div class="fadehover"> 
    <img src="logo.jpg" id="logo"> 
    <div class="a" ><img src="kulte_gray.jpg" /></div> 
    <div class="b" ><img src="kulte.jpg" /></div> 
</div> 

OR :

<!-- If you cannot put #logo into .fadehover 
    for some reason --> 
<div id="same-width-as-fadehover"> 
    <img src="logo.jpg" id="logo"> 
</div> 
<div class="fadehover"> 
    <div class="a" ><img src="kulte_gray.jpg" /></div> 
    <div class="b" ><img src="kulte.jpg" /></div> 
</div>