这样改样式了

<view class="wrap" style="margin-bottom: {{divMargin}};" >
  <view
  class="imgWrap"
    catchtap="onClickImg"
    data-module="{{resource.name}}"
    style="width:{{divWidth}}"    
    data-jumpType="{{resource.urls[0].jumpType}}"
    data-jumpContent="{{resource.urls[0].jumpContent}}"
    data-pictureurl="{{resource.urls[0].pictureUrl}}"
  >
    <image  mode="widthFix" style="width:100%;border-radius: {{imgBorderRad}};" webp="{{resource.urls[0].pictureUrl.indexOf('webp') !== -1}}" src="{{resource.urls[0].pictureUrl}}" lazy-load="{{true}}"/>
  </view>
</view>

.wrap {
  margin: 0 auto;
}


.imgWrap {
  margin: 0 auto;
  overflow: hidden;
}


.imgWrap image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

哎，相同的小程序。有的可以，有的不行。手机可以，pc又不行了。搞啥呢。运行几年的小程序了，最近就出现白线了。

图片给display: block

图片给一个vertical-align: middle

图片给一个inline-block，会为文字类似g，这种预留空白