三个居中的框彼此相邻html

Question

在我的网站上，我有一行框，这些框是从页面中心向下的div。我想把它们中的4个放在一个水平线上，当页面调整大小时，它会下降到3彼此相邻，然后是2，然后是1。

我打算调整盒子的大小，以便适应。

该网站为here
您可以使用页面源来查找代码，并且可以找到css here

谢谢！

Answer 1

在容器上使用text-align: center;，在框上使用display: inline-block;，也可以在容器上设置最小宽度。

Answer 2

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;