CSS的水平均勻鋪開是指將多個元素平分在父容器中的水平方向，讓它們均勻分布。這在構(gòu)建網(wǎng)格布局和表格布局時非常有用。

.container {
display: flex;
justify-content: space-between;
}
.box {
width: 100px;
height: 100px;
}

在上面的代碼中，我們使用了flex布局來實現(xiàn)水平均勻鋪開。我們將父容器的display屬性設(shè)置為flex，這表示我們要使用flex布局來管理子元素的位置。而justify-content屬性設(shè)置為space-between，則表示我們將子元素均勻地分布在容器中，每個子元素之間的間隔相等。

我們還需要設(shè)置子元素的width和height屬性，以讓它們在容器中占據(jù)相同的空間。這里我們將.box元素的寬和高都設(shè)置為100px，但是實際上可以根據(jù)實際需求設(shè)置不同的寬高。

最后，我們只需要在容器中添加多個.box元素，它們就會被平均分布在容器中。

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

如果我們在容器中添加了3個.box元素，它們就會被分別放置在容器的左側(cè)、中間和右側(cè)。

CSS的水平均勻鋪開非常簡單，但卻是一種非常有用的布局方式。不僅可以用于網(wǎng)格和表格布局，還可以用于按鈕、導(dǎo)航欄等組件的布局。在實際開發(fā)中，我們可以根據(jù)實際需求來選擇合適的布局方式，以獲得更好的用戶體驗。