html - 彼此相邻的三个居中框html

Question

在我的网站上，我有一排方框，它们是页面中心下方的 div。我想将其中的 4 个并排放置在一条水平线上，当页面调整大小时，它会下降到 3 个并排，然后是两个，然后是一个。

我要调整框的大小，以便它们适合。

站点是here
可以使用page source找代码，css可以找here

谢谢!

Answer 1

(或者您可以更轻松地在此处调整屏幕宽度:http://jsfiddle.net/swm53ran/359/)

.block {
  display: inline-block;
  width: 200px;
  height: 200px;
  background-color: lightgray;
}
.container  {
  text-align: center;
}

<div class="container">
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
</div>