html 中 图片拼接 空隙问题

给图片标签的父级设置 font-size: 0;

<div class="activity-img" v-for="(item,index) in commodityDetails" :key="index">
            <image :src="item.goodsPictureAddress"  ></image>
 </div >

.activity-img {
        font-size: 0;
        image {
            display: block;
            width: 100%;
            max-width: 100%;
            max-height: 100%;
            vertical-align: bottom;
            border: none;
        }
    }