CSS中有一個常見的需求就是平均分布li元素。這在導航欄等場景中非常常見，那么我們該如何實現這個效果呢？

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

上面的代碼就是使用CSS Flexbox實現li元素平均分布的方式。我們首先給父元素.nav設為flex布局，然后使用justify-content屬性設置對齊方式為space-between。

下面再來看一下傳統的方法：

.nav li{
float:left;
width:calc(100% / 4);
}

這個方法比較傳統，直接給每一個li元素設置浮動，并且通過calc函數動態計算每一個li元素的寬度，以達到平均分配的效果。

總的來說，以上兩種方法都能夠實現li元素的平均分布，但是Flexbox是未來的趨勢，所以建議在實際項目中使用Flexbox方法。