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

}

}

相关推荐
敲代码不忘补水几秒前
二十种编程语言庆祝中秋节
java·javascript·python·golang·html
我码玄黄7 分钟前
JS 的行为设计模式:策略、观察者与命令模式
javascript·设计模式·命令模式
史努比的大头12 分钟前
前端开发深入了解性能优化
前端
码农研究僧14 分钟前
Java或者前端 实现中文排序(调API的Demo)
java·前端·localecompare·中文排序·collator
营赢盈英20 分钟前
OpenAI API key not working in my React App
javascript·ai·openai·reactjs·chatbot
吕永强1 小时前
HTML表单标签
前端·html·表单标签
范特西是只猫1 小时前
echarts map地图动态下钻,自定义标注,自定义tooltip弹窗【完整demo版本】
前端·javascript·echarts
麒麟而非淇淋1 小时前
AJAX 进阶 day4
前端·javascript·ajax
图灵苹果1 小时前
【个人博客hexo版】hexo安装时会出现的一些问题
前端·前端框架·npm·node.js