小程序实现图片垂直居中，水平居中并且自适应宽高

本文主要是介绍小程序实现图片垂直居中，水平居中并且自适应宽高，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

效果如下图：

html部分：

<view class='imgCon'>

<image src='{{goods.goodsPhotoUrl}}' bindload='imgLoad' style='width:{{width}}rpx;height:{{height}}rpx;' ></image><!-- 改动态对应的商品图 -->

</view>

css部分：(css这样设置虽然可以垂直居中，水平居中，但是图片是变形的，所以需要用到js来修改图片宽高)

.i

这篇关于小程序实现图片垂直居中，水平居中并且自适应宽高的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---