CSS是網頁設計的重要組成部分，能夠使網頁更加美觀、易于閱讀。在CSS中，分割頁面是非常常見的任務。今天，我們將討論如何使用CSS分割div元素，并使它們平均分配寬度。

首先，我們需要先了解一些CSS的基礎知識。在CSS中，我們可以使用display屬性來控制元素的呈現方式。其中，display: flex; 是我們在這篇文章中需要用到的屬性。display: flex; 可以使元素按照一定規則排列，從而實現我們的目的。

.my-container {
display: flex;
}
.my-container div {
flex: 1;
}

在上面的代碼中，我們首先定義了一個名為 my-container 的 class，我們的 div 元素將放置在這個容器中。我們將容器設置為 display: flex;。接著，我們設置了 div 元素的 flex 屬性為 1，這將使它們平均分配容器的寬度。

最后，我們只需要將 div 元素放置在 my-container 容器內即可實現平均分配寬度的效果。

<div class="my-container"><div>第一個div</div><div>第二個div</div><div>第三個div</div></div>

使用上述代碼，我們創建了一個包含三個 div 元素的容器。我們主要的 CSS 代碼已經在上面了，這時我們就可以運行代碼并查看結果。你會發現，三個 div 元素將被平均分配容器的寬度。

總之，使用 CSS 可以使元素更易于分割和定位，讓你的網頁看起來更加精美。如果你想要了解更多關于 CSS 的知識，你可以在網絡上找到很多學習 CSS 的資源。