CSS橫向?qū)R是制作網(wǎng)站時(shí)非常基礎(chǔ)的技能，本文將為大家介紹如何使用CSS橫向?qū)R。

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

通過以上的CSS代碼可以實(shí)現(xiàn)CSS橫向?qū)R，其中父元素class為parent，采用了flex布局，通過justify-content屬性設(shè)置盒子內(nèi)的子元素如何在主軸上對(duì)齊，而采用了align-items屬性設(shè)置盒子內(nèi)的子元素如何在交叉軸上對(duì)齊。

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

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

采用以上的CSS橫向?qū)R方法可以讓網(wǎng)站的布局更加美觀，提高用戶體驗(yàn)。