CSS中的align middle是一種用于將元素垂直居中的屬性。它可以用于水平方向和垂直方向上。

在垂直方向上，使用align middle可以將某個元素與其容器居中對齊。具體方法是：將容器的display設置為table，然后將要居中的元素的display設置為table-cell，并設置vertical-align:middle。

.container{ 
display: table; 
height: 300px; 
width: 100%; 
background-color: #FFF5EE; 
}
.center{ 
display: table-cell; 
vertical-align: middle; 
text-align: center; 
}

在上面的代碼中，我們首先定義了一個高度為300px，寬度為100%的容器，然后將該容器的display設置為table。接著，我們定義了一個class為center的元素，將它的display設置為table-cell，并設置vertical-align:middle，這樣就可以將該元素與容器在垂直方向上居中對齊。

在水平方向上，使用align middle可以將某個元素的文本居中對齊。具體方法是：將元素的text-align屬性設置為center。

.centered-text{
text-align: center;
}

在上面的代碼中，我們定義了一個class為centered-text的元素，并將它的text-align設置為center，這樣該元素里的文本就可以水平居中對齊了。

在實際開發中，我們需要經常使用align middle屬性來實現元素的垂直和水平居中對齊，從而提高網頁的美觀性和可讀性。