三個彼此相鄰的居中框html

Question

在我的網站上，我有一行框，它們是divs沿頁面中心向下。我想把它們中的4個放在一條水平線上，當頁面調整大小時，它會下降到3，然後是2，然後是1。

我要調整箱，所以他們會格格不入。

該網站是here
您可以使用頁面源查找代碼和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>

Answer 2

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