将一个装满div的容器居中

Question

我尝试了各种保证金组合：0自动，显示，宽度等，我无法将我的容器集中在屏幕上。我一直在小提琴，直到它起作用＆＃39;阶段，但我已经没有想法了。

我有一个容器（div），它包含6个div（后面可能会增加），每个div包含一个饼图。我希望图表能够集中对齐并根据它们如何适应屏幕而自行定位。例如，如果有3个宽的空间，我希望它们3宽2深，但水平集中。如果只有1的空间，那么1宽6深，但仍然是水平集中的。

他们正确地自我排序，例如3 x 2或2 x 3，但他们被推向左边缘，我无法解决如何集中他们。

我的CSS（它没有工作）在mo：

#container {
    margin : 0 auto;
    display : inline-block;
}

#chart {
    float : left;
}

Answer 1

#container {
    text-align: center;
}

#chart {
    display: inline-block;
}

Answer 2

使用

display: block;

而不是

display: inline-block;