CSS中的元素水平對齊方式，是Web頁面設計中非常重要的一環，可以讓頁面更加美觀和準確。在CSS中，水平對齊方式有多種方式可供使用。

代碼示例：
.container {
display: flex;
justify-content: center;
}
.container {
text-align: center;
}
.item {
display: inline-block;
text-align: center;
}
.container {
display: grid;
justify-content: center;
}
.container {
display: table;
margin: 0 auto;
}

使用Flexbox（彈性盒子布局）是最常用的元素水平對齊方式之一。可以使用justify-content屬性，將元素在容器內水平居中對齊。

如果您不想使用Flexbox，可以選擇文字對齊方式。設置容器的text-align屬性為center，可以將其中的元素水平居中對齊。

對于行內塊元素的情況，設置元素的text-align屬性為center即可實現水平對齊。

使用網格布局是實現元素水平對齊的另一種方式，可以配合justify-content屬性使用。

使用表格布局也是一種常用的元素水平對齊方式，只需將容器的display屬性設置為table，再將margin屬性設置為0 auto即可實現居中對齊。

總之，在CSS中，實現元素水平對齊方式有多種方法可供選擇。每一種方法都有其優缺點，需要根據具體需求來決定哪種方法最適合您的設計。