将容器ul / div置于流体布局中心

Question

我希望将容器div置于流畅的布局中（内容为id：articles_grid必须居中）： http://www.benskesblog.com/projects/frontend/project/index.htm

我尝试了很多方法，但没有人做过。 （例如：margin：0 auto;）。

有人能告诉我如何解决这个问题吗？

由于

Answer 1

您可以display:inline-block向DIV提供您想要的parent DIV。在他的.parent{ background:red; text-align:center; } .center{ text-align:left; display:inline-block; *display:inline;/* IE7 */ *zoom:1; background:yellow; min-height:100px; } 中定义text-align：center。例如，您可以这样做：

<强> CSS：

<div class="parent">
    <div class="center">lorem ipsum</div>
</div>

<强> HTML：

{{1}}

检查以下示例：

http://jsfiddle.net/aNR3a/

Answer 2

我相信改变很容易实现你所需要的：

#articles_grid {
...
text-align: center; /*add this*/
}

#articles_grid li {
...
/* float:left; remove this */
display: inline-block; /*add this*/
}