CSS橫向對齊是制作網站時非常基礎的技能，本文將為大家介紹如何使用CSS橫向對齊。

.parent {
display: flex;
justify-content: center;
align-items: center;
}
.child {
width: 100px;
height: 50px;
}

通過以上的CSS代碼可以實現CSS橫向對齊，其中父元素class為parent，采用了flex布局，通過justify-content屬性設置盒子內的子元素如何在主軸上對齊，而采用了align-items屬性設置盒子內的子元素如何在交叉軸上對齊。

其中justify-content屬性常用的有以下幾種對齊方式：

• flex-start：將所有子元素左對齊
• flex-end：將所有子元素右對齊
• center：將所有子元素居中對齊
• space-between：平均分布在父元素內，首個子元素在起點，末個子元素在終點
• space-around：平均分布在父元素內（包括首尾），子元素與子元素之間間距相等

采用以上的CSS橫向對齊方法可以讓網站的布局更加美觀，提高用戶體驗。