无法在父母中心获得div

Question

我有6个divs可以保存产品的图像，我希望它们以三行的形式并排放置，但后来我希望它们居中。

这是我为父母创建的代码，除了它们是中心之外，它们都是完美的。

<div id="parent" style="display:inline-block; margin:0 auto; width:730px">...</div>

如您所见，与水平规则相比，div左对齐。

以下是我的所有代码：http://jsfiddle.net/FNkUP/

Answer 1

  

删除“display：inline-block”属性，它将运行良好。或使其“显示：阻止”。

div id="parent" style="display:inline-block;/*no need of this*/">...</div>

For text align check this fiddle

Answer 2

只需将此添加到您的css

即可

#parent
{
text-align:center;
}

或更改父样式标记，如

 style="display:inline-block; margin:0 auto; width:730px; text-align:center"

查看更新后的FIDDLE