CSS等分柵格系統是現代網頁設計中不可或缺的工具，它能夠使網頁在不同設備上，不同屏幕尺寸上都保持良好的顯示效果。我們通過CSS的flexbox屬性可以非常方便地實現等分柵格系統。 首先，我們需要使用CSS的flexbox屬性定義容器的方向。一般使用橫向排列，然后通過子元素的flex屬性來占據相應的比例。 例如我們要實現一個等分為3列的柵格系統：

.container{
display: flex;
flex-direction: row; /* 橫向排列 */
}
.item{
flex: 1; /*每個item占據1/3的寬度*/
}

上面的代碼中，我們定義了一個容器，通過display: flex;來使用flexbox屬性，定義了橫向排列；然后在子元素.item中使用flex: 1;來占據1/3的寬度，實現了等分為3列的柵格系統。 如果我們要實現不等分的柵格系統，同樣可以使用flex屬性來控制占比。例如我們要實現寬度比例為3:2:1的柵格系統：

.container{
display:flex;
flex-direction:row;
}
.item1{
flex: 3; /*占據3/6的寬度*/
}
.item2{
flex: 2; /*占據2/6的寬度*/
}
.item3{
flex: 1; /*占據1/6的寬度*/
}

通過對不同item的flex值設置不同的比例，從而實現了寬度比例為3:2:1的柵格系統。 總的來說，通過CSS的flexbox屬性，我們可以輕松實現等分或者不等分的柵格系統，達到更好的排版效果。