flex两端对且换行第二行不足一行左对齐

最新推荐文章于 2024-07-04 16:48:58 发布

yzhouziqi

最新推荐文章于 2024-07-04 16:48:58 发布

阅读量169

点赞数 2

文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/y43991314/article/details/137783563

版权

examineArr: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
        <div class="hfExamine">
          <p class="hP" v-for="(item, index) in infoData.examineArr" :key="index">
            <span class="hSpan">第{{ index + 1 }}次评审通过课题数量：{{ item }}</span>
          </p>
          <p class="hP" v-for="item in infoData.examineArr.length * 10">
            <span class="hSpan"></span>
          </p>
        </div>
      .hfExamine {
        padding: 10px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background: #f2f7fe;
        border-radius: 4px 4px 4px 4px;
        .hP {
          margin-right: 15px;
          width: 12.5%;
          min-width: 200px;
        }
      }