CSS中的元素均勻分布是實現頁面排版中常見的問題之一，特別是在處理列布局和菜單導航時，經常需要均勻分布元素的間距和寬度。下面將介紹三種常見的均勻分布方法。

方法一：使用Flex布局

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

上述代碼展示了如何使用Flex布局，其中justify-content屬性的值為space-between，用于在項目之間生成相等的間隔。

方法二：使用浮動布局

.container div {
width: calc(33.33% - 20px); /* 設置元素寬度 */
margin-right: 20px; /* 設置元素之間的間距 */
float: left; /* 設置元素左浮動 */
}
.container div:last-child {
margin-right: 0; /* 去掉最后一個元素的右邊距 */
}

上述代碼展示了如何使用浮動布局，其中通過設置元素的寬度和右邊距來實現均勻分布，注意最后一個元素需要去掉右邊距。

方法三：使用網格布局

.container {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 設置網格列數為3 */
grid-gap: 20px; /* 設置網格之間的間距 */
}

上述代碼展示了如何使用網格布局，其中通過設置網格列數和間距來實現均勻分布。

以上三種方法均可實現元素的均勻分布，具體使用根據實際情況選擇合適的方法。