中心多个“div”元素有问题

Question

我有一个包含5个div元素的网页，我试图将这些div放在熨平板中间。 （灵活模式）。此图像描述了我的目标。如果可以，请帮助我。

http://www.mediafire.com/view/8v8acb404ikbfja/3.jpg

这是我的CSS代码属于左图：

#container{
    clear: both;
    border: 3px dashed red;
}

#container .divs{
    width: 360px;
    height: 230px;
    margin: 60px;
    float: left;
    overflow: hidden;
    border-radius: 30px;
    border: 3px dashed red;
}

Answer 1

移除花车并制作div display:inline-block，然后将text-align:center添加到#container

JSfiddle Demo

Answer 2

使用display: inline-block;代替float:left;