在CSS中，div是一個(gè)非常重要的元素，它可以被用來(lái)創(chuàng)建容器來(lái)裝載其他的HTML元素。有時(shí)候我們需要將多個(gè)div元素水平居中并排，本文將介紹如何使用CSS來(lái)實(shí)現(xiàn)。

首先，我們需要在HTML代碼中創(chuàng)建多個(gè)div元素，然后為它們添加class或id。例如：

<div class="box">div1</div>
<div class="box">div2</div>
<div class="box">div3</div>

接下來(lái)，我們需要在CSS中為這些div元素定義樣式。我們可以使用display:inline-block屬性來(lái)將它們矩形并排，并且使用text-align:center屬性來(lái)將它們居中。代碼如下：

.box{
display:inline-block;
text-align:center;
}

最后，我們需要為父元素定義一個(gè)寬度，以便讓這些div元素可以水平居中。我們可以使用margin:auto屬性來(lái)實(shí)現(xiàn)居中。代碼如下：

.container{
width:80%;
margin:auto;
}

在以上代碼中，我們使用了.container類來(lái)定義父元素，并將它的寬度設(shè)為80%。這使得一行只能顯示三個(gè)div元素。我們還將margin屬性設(shè)為auto，以便讓它們水平居中。

綜上所述，我們可以使用以上CSS代碼來(lái)創(chuàng)建多個(gè)div元素并排居中的效果。這是一種非常簡(jiǎn)單、靈活和易于管理的布局方式。