html - 无法将多个 "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

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

JSfiddle Demo