css flex布局 justify-content: space-between 最后两张居左

比如如果是8张,最后两张两边对齐,第八张最后一张 放个占位符就OK了

<div class="previewPadding flex" >

<div class="picList picList3" v-for="(item,index) in picDataList" :key="index">

<img class="pic" :src="item.pic" />

</div>

<div v-if="picDataList.length == 8" class="picList picList3" ></div>

</div>

.flex{

display: flex;

justify-content: space-between;

flex-wrap: wrap;

.picList{

width:49%;

}

.picList3{

width:32%;

//margin-right: 3%;

}

}

相关推荐
前端进阶者3 分钟前
天地图Marker跳一跳动画
前端
火柴就是我7 分钟前
每日见闻之Three.js 根据官方demo 理解相机位置
前端
JosieBook16 分钟前
【web应用】基于Vue3和Spring Boot的课程管理前后端数据交互过程
前端·spring boot·交互
刘大猫.23 分钟前
npm ERR! cb() never called!
前端·npm·node.js·npm install·npmm err·never called
咔咔一顿操作27 分钟前
常见问题三
前端·javascript·vue.js·前端框架
前端程序媛Ying27 分钟前
点击按钮滚动到底功能vue的v-on:scroll运用
javascript
上单带刀不带妹28 分钟前
Web Worker:解锁浏览器多线程,提升前端性能与体验
前端·js·web worke
电商API大数据接口开发Cris44 分钟前
Node.js + TypeScript 开发健壮的淘宝商品 API SDK
前端·数据挖掘·api
还要啥名字1 小时前
基于elpis下 DSL有感
前端
一只毛驴1 小时前
谈谈浏览器的DOM事件-从0级到2级
前端·面试