如何讓一行四塊均分 CSS？

// 代碼
.box {
display: flex;
justify-content: space-between;
}
.box .item {
width: calc(25% - 10px);
}
// 代碼結束

我們可以使用css的 flex 布局實現讓一行四塊均分。首先，需要設置容器的 display 屬性為 flex，并設置 justify-content 屬性為 space-between，這樣我們的塊就會在容器里面均勻分布。

然后是設置塊的大小，這里我們需要用到 calc 函數，它可以在計算尺寸的時候進行一些簡單的數學運算。我們可以設置每個塊寬度為 25% 減去 10px 的間距，代表四塊均分，并設置最初和末尾塊寬度不變。

以上就是如何使用 CSS 讓一行四塊均分的方法，在實現頁面排版和布局時非常實用，希望對你有幫助。