CSS 是一種可以讓我們對 HTML 頁面進行樣式美化的語言，其中一個常用的功能就是實現子元素寬度等分。下面就讓我們來學習一下該如何實現吧！ 首先，我們需要確定要等分的子元素個數，假設為 4 個。然后，我們可以給該元素的父級添加一個樣式，為其設置寬度，并設置“display:flex”和“flex-wrap:wrap”的屬性，這樣就可以將子元素等分了，代碼如下：

.parent {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.child {
width: 25%;
}

接下來，我們可以將每個子元素的寬度設置為“25%”，這樣就可以等分了，而且由于父級已經設置了“flex-wrap:wrap”的屬性，如果子元素無法放下，其會自動換行，不會影響頁面的美觀度。 此外，如果你想在子元素等分的同時，也想讓它們之間有一定的間距，可以給子元素添加一個 margin 屬性，代碼如下：

.child {
width: 25%;
margin-right: 10px;
}

這樣就可以設置了一個 10px 的子元素間距了。 綜上所述，通過簡單的 CSS 代碼，我們就可以實現子元素寬度等分，既簡單又實用。希望本文能夠幫助您！