在網(wǎng)頁開發(fā)過程中，排版是非常重要的一環(huán)。其中，對齊方式就是排版中不可或缺的一部分。CSS提供了幾種對齊方式，今天我們來一一了解一下。 水平居中對齊 當(dāng)我們希望元素在父元素水平居中對齊時，可以采用如下代碼： ``` .parent { text-align: center; } .child { display: inline-block; } ``` 其中，將父元素的text-align屬性設(shè)為center，將子元素的display屬性設(shè)為inline-block，這樣子元素就可以在父元素中水平居中對齊了。 左右對齊 對于兩個相鄰元素需要左右對齊的情況，可以使用text-align的justify屬性： ``` .container { text-align: justify; } .container::after { content: ""; display: inline-block; width: 100%; } ``` 其中，將容器的text-align屬性設(shè)為justify，同時在容器的最后一個元素后面添加一個寬度為100%的偽元素，這樣就可以實現(xiàn)左右對齊了。 垂直居中對齊 當(dāng)我們希望元素在父元素垂直居中對齊時，可以采用flex布局： ``` .parent { display: flex; align-items: center; justify-content: center; } ``` 其中，將父元素的display屬性設(shè)為flex，將align-items屬性設(shè)為center，將justify-content屬性設(shè)為center，這樣子元素就可以在父元素中垂直居中對齊了。 總結(jié) 以上是CSS中三種對齊方式的介紹，水平居中、左右對齊、垂直居中。每一種對齊方式都有其適用的情況，要根據(jù)實際需求合理選擇。