当前位置: 首页 > news >正文

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

        }

      }


http://www.mrgr.cn/news/8624.html

相关文章:

  • 如何上传NPM包:一步步指南
  • fluent UI 中的Combobox如何在option的上面加一个input
  • MySQL系列—MySQL编译安装常见问题(或缺少依赖)及解决方法,MySQL 编译安装时需要安装的依赖(全)
  • [论文笔记] eval-big-refactor lm_eval 每两个任务使用一个gpu,并保证端口未被使用
  • [论文笔记]Improving Retrieval Augmented Language Model with Self-Reasoning
  • 04_DOM的diffing算法
  • 【设计模式】组合模式和(宏)命令模式
  • Oracle 同义词SYNONYM 的实战使用
  • fpga图像处理实战-图像膨胀
  • 通过FileReader API获取上传音频的长度
  • 在编程学习的道路上,面对Bug和复杂算法时,我们常常会感到挫折和困惑。以下是一些克服这些挑战的有效方法:
  • Gstreamer-OpenCV的RTSP服务搭建以及推拉流实现
  • C++STL之list的使用详解
  • 常见虚拟现实硬件设备及特点
  • Vue2的16种传参通信方式
  • 选择合适的待办事项软件:用户体验报告
  • 并行 parallel DOP 受 Resource Manager 限制
  • jmespath用法总结
  • Spark MLlib 特征工程系列—特征转换PCA(Principal Component Analysis)
  • 8.Java基础概念-方法