align是CSS中一種非常常見的居中對齊方法，它可以讓元素水平或垂直居中于其容器內，非常實用。

.center {
text-align: center;
/* 橫向居中 */
}
.vertical-center {
display: flex;
justify-content: center;
align-items: center;
/* 垂直居中 */
}

其中，text-align: center可以讓元素沿著其父元素的水平中心線居中，而display: flex則是CSS3的新特性，使我們可以更加簡單地進行元素的布局。justify-content: center可以讓元素沿著其父元素的水平中心線居中，而align-items: center可以讓元素沿著其父元素的垂直中心線居中。

在實際開發(fā)中，我們經常會遇到需要對齊中間元素的情況，這時候，我們可以使用margin和transform屬性實現垂直居中和水平居中。

.center {
position: relative;
}
.center img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* 水平居中和垂直居中 */
}

在上述代碼中，我們首先將容器設置為定位元素（position: relative），然后再將要居中的元素設置為絕對定位元素（position: absolute），同時使用top: 50%和left: 50%將元素的中心點移動到其父元素的中心點，最后再使用transform屬性，將元素的左上角移動到其中心點。

總之，使用align屬性可以讓我們更方便地對元素進行居中對齊，提高開發(fā)效率。