微信小程序图片如何实现居中显示并铺满整个屏幕？

本文共计830个文字，预计阅读时间需要4分钟。

图片展示的是小程序设计必须经过的步骤，个人看到网上教学有限，现在整理出自已设计过程中出现的问题，应该可以解决你遇到的问题。以下是完整的代码，根据你的步骤进行调试：[代码内容]。

图片显示是小程序设计必须要经过的步骤，本人看到网上教学有限，现整理出自己设计过程中出现的问题，应该可以解决你遇到的问题。

用最后给的完整代码，按照我的步骤一定能调试出来，不行再联系我。

先给用到的代码以及效果图：

先给home.wxml程序：

<view class='imagesize'> <image src="/images/2.png" class='in-image' > </image> </view>

1.图片居中（屏幕顶部）：

//.wxss里的参数 .imagesize{ display:flex; //flex布局 justify-content: center; //水平轴线居中 } .imagesize image { width:400rpx; height:400rpx; }

上面设置的图片尺寸，仅仅是为了方便看到实际的效果。