在網頁設計中，CSS 橫向平均排列是一種常見的需求。本文將介紹如何使用 CSS 實現此功能。

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

以上代碼為使用 Flexbox 進行橫向平均排列的示例。通過設置容器為 Flexbox 布局，再通過 justify-content 屬性將元素橫向平均排列。

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

以上代碼為使用 inline-flex 和 flex 屬性進行橫向平均排列的示例。利用 inline-flex 將元素變為 Flexbox 布局，再通過 flex 屬性設置元素的寬度比例，從而實現橫向平均排列。

除了以上兩種方法，還可以使用 CSS Grid 等其他布局方式進行橫向平均排列，需要根據實際情況選擇合適的方式。