html - 在 div 中居中对齐图像

Question

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

CSS

div {
    text-align: left;
 }

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

HTML

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

如何将所有图像集中在一个 div 中？

标签： htmlcss

Answer 1

我不确定为什么您当前的代码具有元素的默认text-align: left值。div

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

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

div {
    text-align: left;
}