收藏
评论

display: inline-flex;布局下方会出现空白

可以用display: flex; flex-direction: row;代替,如.v1。

wxml代码:

<view class='v1'>

 <view class="v1-icon" ></view>

 <text class="v1-text">测试</text>

</view>

<view class="v2">

</view>


wxss代码

.v2{

 width: 100%;

 height:280rpx;

 background-color: blue;

}

.v1{

 width: 100%;

 display: flex;

 flex-direction: row;

 background-color: #fff;  

}

.v1-icon{

 width:40%;

 height: 100rpx;

 overflow: hidden;

 background-size: 100% 100%;

 background-color: blue;

}

.v1-text{

 width:60%;

 height: 100rpx;

 line-height: 100rpx;

 font-size: 12px;

 background-color: green;

}




最后一次编辑于  2018-06-25
赞 0
收藏