CSS3可以實現多個元素平分的效果，常用的有兩種方法：Flex布局和Grid布局。

1. Flex布局

Flex布局是CSS3提供的一種彈性布局方式，可以輕松地實現多個元素平分效果。

.container {
display: flex;
justify-content: space-between;
}
.item {
flex: 1;
}

以上代碼中，將父元素的display屬性設置為flex，使用justify-content屬性設置開始和結束位置的對齊方式為space-between，這樣子元素就會自動均分剩余的空間。

并且，給每個子元素的flex屬性都設置為1，表示每個元素的占用比例都相同，即實現多個元素平分效果。

2. Grid布局

Grid布局也是CSS3提供的一種網格布局方式，同樣可以實現多個元素平分效果。

.container {
display: grid;
grid-template-columns: repeat(4, 1fr);
}

以上代碼中，將父元素的display屬性設置為grid，使用grid-template-columns屬性定義子元素的列數和占比，repeat函數的第一個參數定義了列數，第二個參數為每一列的占比，這里使用1fr表示均分剩余寬度。

這樣子元素就會自動均分容器的寬度，實現多個元素平分效果。

以上就是CSS3實現多個元素平分的兩種常用方法，使用Flex布局和Grid布局可以輕松地實現各種排版需求。