CSS是一種用于美化HTML文檔的樣式表語(yǔ)言。在Web設(shè)計(jì)當(dāng)中，經(jīng)常需要用CSS來(lái)實(shí)現(xiàn)許多視覺(jué)效果。其中之一就是平均分布div。

平均分布div的意思是讓幾個(gè)div盡可能均勻地分布在一個(gè)寬度固定的容器中。實(shí)現(xiàn)這一效果需要用到CSS的flexbox 屬性。

下面是實(shí)現(xiàn)平均分布div的代碼:

.container {
display: flex;
justify-content: space-between;
}
.item {
flex-basis: calc(33.33% - 10px);
}

首先，要讓div均勻分布，需要在它們的容器上應(yīng)用 display: flex 屬性。這樣，所有的子元素都將變成 flex item。

然后，使用 justify-content: space-between 屬性來(lái)使得子元素盡可能地均勻分布在容器中。space-between 的效果是讓第一個(gè)子元素放在容器左邊，最后一個(gè)子元素放在容器右邊，而其余子元素則平均分布在中間。

最后，設(shè)置每個(gè)子元素的寬度。這里采用了較為復(fù)雜的計(jì)算方式：將總寬度分成三等分，再減去間距寬度。

使用這些代碼，就能夠輕松地實(shí)現(xiàn)平均分布div的效果。