CSS是網頁設計中的重要一環，可以為網頁添加很多樣式效果。在手機端頁面設計中，經常需要將某個元素居中，這時候就要使用CSS來實現。

/* 垂直居中 */
.parent {
display: flex;
align-items: center;
}
/* 水平居中 */
.child {
margin: 0 auto;
text-align: center;
}

以上代碼是實現手機頁面中元素垂直居中和水平居中的簡單CSS代碼。垂直居中采用了flex布局方式，設置父元素的display屬性為flex，再設置align-items屬性為center，即可實現垂直居中。水平居中則是對子元素設置了margin屬性為0auto，即左右margin值為auto，同時將text-align屬性設置為center，即可實現水平居中。

需要注意的是，在使用CSS居中元素時，需要根據具體的情況選擇不同的方法。如：如果元素屬于塊級元素，則可以使用margin:0 auto;實現水平居中；如果元素屬于行內元素，則可以使用text-align屬性實現水平居中。

總之，掌握各種居中方法，可以讓我們在移動端網頁設計中更加熟練自如。