在網頁布局中，常常有多個盒子需要水平排列并居中，這時我們可以使用 CSS 實現該布局效果。

首先，需要將每個盒子設為 inline-block，這樣它們可以并排排列。我們可以使用以下 CSS 代碼實現：

.box {
display: inline-block;
}

接下來，將這些盒子的父元素設為 text-align: center，這樣它們就可以水平居中了。例如：

.container {
text-align: center;
}

完整的 HTML 結構如下：

<div class="container">
<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>
</div>

最后，通過設置 margin 或 padding 調整盒子之間的間距，使布局更美觀。

綜上所述，使用 CSS 實現多個盒子并排居中的布局非常簡單，只需將盒子設為 inline-block，同時將它們的父元素設為 text-align: center 即可。