在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>

或

<!-- 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>