在div中居中对齐图像

Question

我想在<div>中对齐图像，而不使用任何ID。我见过的所有解决方案都使用ID或类。我不想用那些。

CSS

div {
    text-align: left;
 }

div img{
    //Tried many things but no luck
} 

HTML

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

如何在div中居中所有图像？

Answer 1

我不确定您当前的代码为何对text-align: left元素使用默认的div。

但是请尝试以下操作：http://jsfiddle.net/18230pwa/

div img {
    display : block;
    margin : auto;
}

div {
    text-align: left;
}

Answer 2

div { text-align: center; }

<div> //Image link </div>

您无需专门定位图像。如果图像在div中，它将居中。您还可以使用功能类似的<center>标签。

如果您不想使其居中，只需使用上面的text-align方法，而使用关键字right或left。