在CSS中，實現網頁元素的樣式非常重要。其中，平均分寬是一個很常見的問題。指的是如果我們有幾個等寬的元素，如何保證它們分布在父元素內，且它們的寬度保持一致。

首先，我們可以使用display: flex;來實現這個效果。在父元素上添加這個屬性之后，子元素會自動平均分配寬度。例如：

.parent {
display: flex;
}
.child {
flex: 1;
}

上面的代碼中，.parent是父元素的類名，.child是子元素的類名。我們在子元素上使用flex: 1;的屬性，表示讓子元素平均分配寬度。

除了使用flex布局，我們還可以使用grid布局。同樣地，在父元素上添加display: grid;，然后使用grid-template-columns屬性來指定子元素的寬度。例如：

.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.child {
/* 可以不用寫任何寬度相關的屬性 */
}

上述代碼中，我們使用了repeat()函數來指定有3個子元素，每個子元素的寬度是1fr，表示平均分配父元素的可用空間。

總的來說，平均分寬是一種常見的布局方式，它可以使網頁看起來更加美觀整齊。你可以根據自己的需求使用flex布局或grid布局來實現這個效果。