微信小程序作為一種新興的應用開發方式，其主要目標是為用戶提供便捷、快速的應用程序使用體驗。在小程序的開發過程中，除了程序的邏輯和功能之外，對頁面的布局設計也至關重要。本文將介紹關于小程序中圖片的CSS布局，包括常見的圖片布局方式及實現方法。

一、圖片居中

.img-center{
display:flex;
justify-content: center;
align-items: center;
}

在小程序中，圖片的居中是一個經常需要用到的布局方式。我們可以使用flex來實現圖片的居中。將圖片容器的display屬性設置為flex，并在其內部元素上設置justify-content和align-items均為center即可實現。

二、圖片寬度自適應

.img-auto{
width: 100%;
height: auto;
}

在小程序頁面中，當圖片寬度與容器的寬度不一致時，我們可以使用CSS進行寬度自適應。將圖片容器中的寬度設置為100%，高度設置為auto即可實現圖片自適應容器的寬度。

三、圖片等比例縮放

.img-scale{
width: 100%;
height: 0;
padding-bottom: 50%;
background-size: cover;
}

在小程序頁面中，我們有時需要使圖片按照等比例縮放的方式展示。我們可以通過設置圖片容器的寬度為100%，高度為0，設置padding-bottom為50%來實現。同時，還需要給圖片容器設置background-size為cover，這樣就能夠使圖片按照等比例縮放的方式展示了。

綜上所述，關于小程序中圖片的CSS布局，我們可以通過居中、寬度自適應、等比例縮放等方式來實現。根據實際需求，選擇合適的樣式方案，能夠更好地滿足用戶的使用需求。