微信小程序多張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