在CSS中，有時(shí)我們需要將元素均勻地分布在容器中。這可以通過使用calc（）函數(shù)和百分比來實(shí)現(xiàn)。這兩種技術(shù)可以結(jié)合使用，以便元素在容器中平均分布。

使用calc（）函數(shù)是一種計(jì)算CSS值的方法，可以使用加減乘除四個(gè)基本運(yùn)算符。例如，我們可以使用該函數(shù)將容器寬度設(shè)置為瀏覽器窗口寬度減去兩個(gè)邊距的值：

.container {
width: calc(100vw - 2rem);
}

在此示例中，100vw表示視口寬度，而2rem表示邊距。使用calc（）函數(shù)，我們可以在樣式表中進(jìn)行數(shù)學(xué)計(jì)算，從而更輕松地定位元素。

要將元素均勻分布在容器中，我們可以使用flexbox布局。使用justify-content: space-between。如果要在元素之間添加間距，可以使用calc（）函數(shù)和百分比：

.container {
display: flex;
justify-content: space-between;
}
.item {
width: calc((100% - 20%) / 3);
}

在此示例中，我們使用flexbox布局將容器設(shè)置為平均分布，然后通過將元素的寬度設(shè)置為容器寬度減去20％的值，并將其除以3來計(jì)算每個(gè)元素的寬度。我們還可以使用margin屬性來添加間距。

總的來說，這種方法是一種非常簡單而有效的方法，可以輕松地將元素均勻分布在容器中。