在前端開發過程中，網頁布局一直是一個重要的問題。除了傳統的表格布局和浮動布局，CSS近年來推出了一些新的等分布局方式，使得布局更加靈活方便。

下面介紹幾種常用的等分布局方式：

Flex布局

.container {
display: flex;
}
.item {
flex: 1;
}

通過給容器添加display:flex屬性，可以使其內部的子元素等分布局。子元素使用flex:1屬性，可以讓它們平均分配剩余空間。

Grid布局

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

在Grid布局中，通過設置網格列的數量，可以實現等分布局。其中repeat參數中，第一個參數表示網格列的數量，第二個參數1fr代表所有網格列等寬。這種方式可以實現多種靈活的布局效果。

Table布局

.container {
display: table;
width: 100%;
}
.item {
display: table-cell;
width: 33.33%;
}

雖然Table布局在現代Web開發中已經不常用，但是它也是實現等分布局的一種方式。通過將容器的display屬性設置為table，子元素設置為table-cell，再使用width屬性對子元素進行等分，就可以實現等分布局。