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

}

}

相关推荐
YAwu1115 小时前
JavaScript this 底层机制剖析
前端·javascript
tedcloud12315 小时前
wifi-densepose部署教程:构建无线人体感知系统
服务器·javascript·网络·typescript·ocr
用户8524950718415 小时前
帮你搞清楚对付js里对象的小妙招^_^
javascript
你好潘先生16 小时前
让 AI 任务不丢进度:YeeroAI 后台续跑与全局快捷操作实践
前端·人工智能·后端
不好听61316 小时前
javascript中对象的简单了解
javascript
candyTong16 小时前
Claude Code 的 Skill 动态发现机制
javascript
小KK_16 小时前
写给前端小白:我终于搞懂了JS原型和原型链
前端·javascript
烂人文16 小时前
Codex 走中转站后,手机也能远程控制,Free 账号也能用
前端
Java技术小馆16 小时前
Claude Code CLI 命令大全:60 个原生命令一次讲清
前端·后端