空隙解决方案"/>
微信小程序多张image图片排列有空隙解决方案
.det-pics-w image {width: 100%;min-height: 630rpx;
}.det-pics-w {position: relative;
}
第一种解决方案:flex
.det-pics-w image {width: 100%;min-height: 630rpx;
}.det-pics-w {position: relative;display: flex;flex-direction: column;
}
第二种解决方式:margin-top负值
.det-pics-w image {width: 100%;min-height: 630rpx;margin-top: -12rpx;
}.det-pics-w {position: relative;
}
两种都可以去掉这个间隙。效果如下
QQ群: 1102727334
更多推荐
微信小程序多张image图片排列有空隙解决方案
发布评论