html - 无法在父级中获取 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>

对于文本对齐检查这个小提琴

Answer 2

只需将其添加到您的 CSS

#parent
{
text-align:center;
}

或更改父样式标签，例如

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

查看您更新的FIDDLE