微信小程序商品垂直居中
时间: 2023-07-07 08:12:00 浏览: 109
微信小程序canvas实现水平、垂直居中效果
要在微信小程序中让商品垂直居中,在父元素上设置 display: flex; 和 align-items: center;,子元素即可垂直居中。例如:
```
<view style="display: flex; align-items: center; height: 100px;">
<image src="商品图片地址" style="width: 50px; height: 50px;"></image>
<text style="margin-left: 10px;">商品名称</text>
</view>
```
上述代码中的父元素设置了 display: flex; 和 align-items: center;,子元素则设置了适当的宽高和间距。这样子元素即可在父元素中垂直居中显示。
阅读全文