图像居中不使用保证金：0自动

Question

<div class="imgw">
    <img src="http://placehold.it/100x100"/>
</div>

.imgw{
    margin: 0 auto 0 auto;
}

img{
    margin: 0 auto 0 auto;
}

不使用text-align，经过测试。我甚至尝试过使用img元素，而不是工作。

Answer 1

margin:0 auto适用于块元素。

尝试：

.imgw img{
    display:block;
    margin: 0 auto;
}

DEMO here.

Answer 2

text-align: center;会奏效。我在下面展示了一个例子。

HTML：

<div class="imgw">
    <img src="http://placehold.it/100x100" />
</div>

CSS：

.imgw {
    text-align: center;
}

DEMO HERE

Answer 3

这就是我在div中居中对齐地图的过程。

.map{
  display: block;
  margin-right: auto;
  margin-left: auto;
}

HTML结构：

<div class='item-detail cf'>
    <img alt='Google Map' class='map' src= "some_url">
</div>

Answer 4

将你的css修改为：

.imgw{
    width:96%; /* to give some width, is helpful in centering*/
    margin: 0 auto; /* this should do */
}

.imgw > img{
    margin: 0 auto;
}