微信小程序让图片居中

以下是两种微信小程序中让图片居中的方法：
1.使用flex布局，将图片包裹在一个view中，并设置该view为flex布局，然后使用justify-content和align-items属性将图片居中。

<view class="container">
  <image class="img" src="xxx"></image>
</view>

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

2.使用position属性，将图片的左上角定位到父容器的中心点，然后使用transform属性将图片向左上方移动自身宽高的一半，即可实现图片居中。

<view class="container">
  <image class="img" src="xxx"></image>
</view>

.container {
  position: relative;
  width: 100%;
  height: 100%;
}
.img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
}