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;
    }

なぜ私はそれを理解できないのか分かりません。この画像が中央にないのはなぜですか?

score 2 · Accepted Answer

<img>インライン要素だからです。text-align: center代わりにコンテナで使用してください。

score 0 · Accepted Answer

#tagimg をブロックレベル要素にするか、{ display: inline-block; } または、親で text-align center を使用します...

score 0 · Accepted Answer

これを試して：

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

score 0 · Accepted Answer

css プロパティをもう 1 つ追加しますdisplay:block;

    #tagimg {
        display:block;
        position:relative;
        margin:auto;
    }

4 に答える 4