html - 为什么图像不居中？

Question

<div id="tagcontainer"><img id="tagimg" src="img/tri.png"/></div>

CSS:

#tagcontainer {
    width:100%;
    top:0;
    position:absolute;
}
    #tagimg {
        position:relative;
        margin:auto;
    }

不知道为什么我无法弄明白。为什么这个图像不居中？

Answer 1

因为 <img>是一个内联元素。使用 text-align: center而不是在容器上。