html中图像和内容之间产生空隙（以wxml为例）

在写微信小程序时

<view class="banner">
    <image src="/images/post.jpg" mode="widthFix"></image>
</view>

<view class="psBox" wx:for="{{6}}">
    <view class="psBoxTit">
        专业软件技能    
    </view>
    <view class="psBoxCon"></view>
</view>

banner和psBox之间会产生空隙，这是由于view定义的是块元素。只要将banner中的image定义为行元素即可。

.banner{
    width: 100%;
}
.banner image{
    width: 100%;
    /* height: 7000rpx; */
    display: block;
}

.psBox{
    padding: 60rpx 0;
    background: #1B366D;
}