在網(wǎng)頁設(shè)計(jì)中，經(jīng)常需要將頁面中的元素等距離排列，這時(shí)候CSS中的flex布局就可以派上用場。以下是實(shí)現(xiàn)距離等分的方法：

.container{
display:flex;
justify-content:space-between;
}

通過設(shè)置容器的display屬性為flex，即可開啟flex布局。然后使用justify-content屬性設(shè)置元素在容器中的分布方式。在本例中，使用space-between即可將元素沿容器水平方向等距離分布。

此外，我們還可以使用以下方法實(shí)現(xiàn)距離等分：

.container{
display:flex;
}
.item{
flex:1;
}

在這種方法中，我們使用flex屬性對(duì)元素進(jìn)行設(shè)置。通過將元素的flex屬性設(shè)置為1，即可讓元素平分容器中的剩余空間，從而實(shí)現(xiàn)距離等分。

以上便是實(shí)現(xiàn)CSS距離等分的幾種方法，希望對(duì)大家有所幫助。