解决flex布局最后⼀⾏问题flex-around
使⽤flex布局发现，如果规定了⼀⾏三个，使⽤flex-around之后，只有4个数据时最后⼀⾏会居中显⽰
解决思路，既然是flex布局，那么就补两个盒⼦就⾏了。
代码：
<div class="content-item" v-for="item in roomList" @click="jump(item.)">
<img v-if="picList.indexOf(item.icon.substring(item.icon.lastIndexOf(':')+1))!=-1":src="require('./img/'+item.icon.substring(item.icon.lastIndexOf(':')+1)+' .png')" alt="">
<img v-else src="./img/iconfont.png" alt="">
<p v-text="item.servicesName?item.servicesName:item.name"></p>
</div>
html的flex布局<div v-for="item in 3-roomList.length%3" ></div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。