Flex布局是現代網頁設計非常流行的一種布局方式，它能夠以簡單優雅的方式實現多種復雜的頁面布局。在flex布局中，有一個非常重要的屬性就是justify-content，它可以實現均勻分布元素的布局。

例如，我們有幾個元素放在一個容器中，我們希望這些元素沿著容器的主軸方向均勻分布，可以使用以下代碼：

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

上面的代碼中，我們通過給容器設置display: flex;屬性將其設置為flex容器，然后設置justify-content: space-between;屬性，就可以讓容器中的元素沿著主軸方向均勻分布。

除了space-between之外，還有其他選項可供選擇：

• flex-start：元素向主軸起點方向靠齊；
• flex-end：元素向主軸終點方向靠齊；
• center：元素在主軸方向居中對齊；
• space-around：元素沿主軸方向均勻分布，相鄰元素之間的距離相等；
• space-evenly：元素沿主軸方向均勻分布，每個元素之間距離相等。

總之，通過使用justify-content屬性，我們可以輕松地實現flex布局中的均勻分布效果，讓我們的頁面看起來更加美觀和整潔。