本文主要是介绍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%;
}
}
这篇关于css flex布局 justify-content: space-between 最后两张居左的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!