在div中居中对齐图像[重复]

Question

我想在

CSS

div {
    text-align: left;
 }

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

HTML

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

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




Answer 1

div{text align:center；}

你不需要专门针对图像.如果图像在div中，它将被居中.你也可以使用

如果您不想将其居中，只需使用上面的文本对齐方法，但使用关键字right或left即可。

Answer 2

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

但请试试这个：http://jsfiddle.net/18230pwa/

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

div {
    text-align: left;
}