将应用它的块居中显示内联块

Question

我有一个div,其中包含一个img,现在我将它居中,但如果我尝试margin: 0 auto它不起作用.

<div style="display: inline-block">

   <img src=""/>

</div>

我怎样才能将整个div中心包括img？

Answer 1

添加text-align: center到div的容器:

<div style="text-align: center">
    <div style="display: inline-block">
       <img src="..."/>
    </div>
</div>?

好吧,这个属性指定了块的**内联内容**是如何对齐的.因此它适用于文本和其他内联元素.在您的示例中就是这种情况,因为包含的div是`inline-block`. (2认同)