1

divにいくつかの画像を取得しました:

<div>
    <img src="1.png">  </img>
    <img src="1.png">  </img>
</div>

そして、これはブラウザでは次のとおりです。

-----------------
|XX             |
-----------------

そして、これらの画像を div の中央に配置したいと思います。つまり、次のようになります。

-----------------
|      XX       |
-----------------

どうやってするか？

PS: この質問は非常に些細なことかもしれませんが、私は CSS/HTML の初心者であり、克服できません。

4

4 に答える 4

3

画像の場合は、単純なものtext-align: centerで十分です。

http://jsfiddle.net/G57zL/1

于 2013-05-26T07:41:47.163 に答える
2 
div {
    text-align: center;
}

デモはこちら: http://jsfiddle.net/Wc8kz/

そして、唯一の提案:img自己終了タグであり、HTML5 として、<img src="..." />または<img src="...">HTML5 でも定義する必要があります。コード<img src="..."></img>が無効です。

于 2013-05-26T07:41:28.533 に答える
1

CSS

div.centered{
    text-align:center;
}

HTML

<div class="centered">
    <img src="1.png" />
    <img src="1.png" />
</div>

DEMO

于 2013-05-26T07:43:31.407 に答える