CSS保证金:0自动; 没有在<img>标签上工作

Question

我的标记很简单,我正在使用内联CSS.我的目标是margin: 0 auto;在styleHTML属性中使用图像居中.这是我尝试过的代码:

<div style="width: 100%;">
<img src="http://dummyimage.com/200x300/000000/fff" style="margin: 0 auto;"/>
</div>

为什么CSS不以我为中心<img>？

Answer 1

你必须使用display: block才能margin: 0px auto产生任何效果.

<div style="width: 100%;">
<img src="http://placekitten.com/g/200/300" style="display: block; margin: 0px auto;">
</div>