效果如下:无论图片多大 都是显示在容器view垂直居中,不拉伸
<view class="viewimage">
<image src="/image/banner1.jpg" mode="aspectFit" class="myimage"></image>
</view>
.viewimage {
width: 200px;
height: 200px;
background-color: black;
}
.myimage {
width: 100%;
height: 100%;
}
小程序图片水平垂直居中显示在view中
阅读 163
2022-10-09
效果如下:无论图片多大 都是显示在容器view垂直居中,不拉伸
<view class="viewimage">
<image src="/image/banner1.jpg" mode="aspectFit" class="myimage"></image>
</view>
.viewimage {
width: 200px;
height: 200px;
background-color: black;
}
.myimage {
width: 100%;
height: 100%;
}
相关推荐
精彩评论(0)