在進行手機端頁面開發(fā)時，通常會遇到需要將圖片居中的情況。本文將介紹如何使用CSS實現(xiàn)手機圖片居中的效果。

在HTML中，我們可以使用<img>標簽引入圖片。如果要讓圖片居中，可以使用下面的CSS代碼：

img {
display: block;
margin: 0 auto;
}

上述代碼中，display: block;將圖片設(shè)置為塊級元素，使其可以接受margin屬性；margin: 0 auto;將左右margin都設(shè)置為auto，使圖片在其容器中水平居中。

另外，如果需要讓圖片在垂直方向上居中，可以使用下面的代碼：

.container {
display: flex;
justify-content: center;
align-items: center;
}
.container img {
max-width: 100%;
max-height: 100%;
}

上述代碼中，先將圖片容器設(shè)置為flex布局，通過justify-content: center;和align-items: center;屬性使圖片在水平和垂直方向上都居中。另外，為了避免圖片過大，還通過max-width: 100%;和max-height: 100%;屬性使其不超過容器的大小。

以上就是本文介紹的兩種方法，可以根據(jù)實際需求選擇使用。希望能對大家有所幫助。