html - 如何使元素位于div的中心？

Question

我在 div 中有一些图像：

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

这在浏览器中是：

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

我希望这些图像位于 div 的中心，也就是说，像这样：

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

怎么做？

PS：也许这个问题很简单，但我是 CSS/HTML 的新手，我无法克服。

score 3 · Accepted Answer

3

对于图像，一个简单的text-align: center就足够了。

于 2013-05-26T07:41:47.163 回答

score 2 · Accepted Answer

div {
    text-align: center;
}

演示在这里：http: //jsfiddle.net/Wc8kz/

只有一个建议：img是自闭合标签，应该定义为<img src="..." />甚至<img src="...">在 HTML5 中。代码<img src="..."></img>无效。

score 2 · Accepted Answer

img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

score 1 · Accepted Answer

CSS

div.centered{
    text-align:center;
}

HTML

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

4 回答 4