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;
        }
    }