CSS3中的自動平分是一種非常方便實用的功能，它可以讓網頁元素自適應父容器的寬度并平分空間。

/*樣式格式*/
.container {
display: flex;
justify-content: space-between;
}
.item {
flex-grow: 1;
}

首先，我們需要定義一個容器，這個容器需要使用Flex布局。我們可以通過對容器使用"display: flex"屬性實現。接下來，我們要讓子元素自動平分，這個可以通過在子元素上使用"flex-grow: 1"屬性實現。

注意，"justify-content: space-between"屬性可以讓子元素之間的間距自動平分，但是子元素與父容器之間的間距不會平分。如果需要讓子元素與父容器之間的間距也平分，可以在父容器上設置"padding: 0 [間距/2]"（間距為需要的值）。例如：

.container {
display: flex;
justify-content: space-between;
padding: 0 10px;
}

這樣，就可以實現自動平分的效果了。值得一提的是，這種方式適用于固定數量的元素，如果需要實現動態添加子元素，可以使用另外一種方法：使用"display: grid"屬性，它可以按照行列自動平分，同時也支持固定數量的元素。

/*樣式格式*/
.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

這個樣式中，"grid-template-columns"屬性定義了列的數量和每個列的寬度。"repeat(auto-fit, minmax(100px, 1fr))"表示自動添加列，并且每個列的最小寬度為100px，最大寬度為1fr。這樣就可以按照列自動平分了。