中心一个接一个地浮动元素

Question

是否可以将浮动元素居中。

<div>
 <div class="box">
 </div>
 <div class="box">
 </div>
</div>

.box {
float:left;
width: 600px;
}

当容器div有1200或更多像素时，div.box就在附近。当少，一个接一个，但我想要中心。

我想得到：

Answer 1

使用@media标记使其响应。

@media screen and (max-width: 1200px) {
//write your styles for screen size < 1200px here
}

Answer 2

我想     保证金：0自动; 会很好的。 并以像素为单位设置容器宽度。