在網(wǎng)頁(yè)布局中，常常有多個(gè)盒子需要水平排列并居中，這時(shí)我們可以使用 CSS 實(shí)現(xiàn)該布局效果。

首先，需要將每個(gè)盒子設(shè)為 inline-block，這樣它們可以并排排列。我們可以使用以下 CSS 代碼實(shí)現(xiàn)：

.box {
display: inline-block;
}

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

.container {
text-align: center;
}

完整的 HTML 結(jié)構(gòu)如下：

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

最后，通過(guò)設(shè)置 margin 或 padding 調(diào)整盒子之間的間距，使布局更美觀。

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