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

}

}

相关推荐
F_Director3 分钟前
简说Vue3 computed原理
前端·vue.js·面试
行走的陀螺仪12 分钟前
Flutter 开发环境配置教程
android·前端·flutter·ios
焦糖小布丁14 分钟前
代码签名证书如何有效消除Windows系统警告?
前端
icebreaker25 分钟前
重新思考 weapp-tailwindcss 的未来
前端·javascript·css
焦糖小布丁28 分钟前
为什么IP地址SSL证书比域名证书更贵?
前端
光影少年32 分钟前
WEBNN是什么,对前端工程带来哪些优势
前端·web3·web
djk888833 分钟前
极简后台框架
前端·css·css3
LilySesy44 分钟前
ABAP+如果在join的时候需要表1的字段某几位等于表2的字段的某几位,需要怎么做?
服务器·前端·数据库·sap·abap·alv
涤生啊1 小时前
一键搭建 Coze 智能体对话页面:支持流式输出 + 图片直显,开发效率拉满!
javascript·html5
吃饺子不吃馅1 小时前
⚡️ Zustand 撤销重做利器:Zundo 实现原理深度解析
前端·javascript·github