css3flex

flex布局站位处理

<template>
  <default-layout title="群管理员">
    <template v-slot:main-content>
      <ul>
        <li v-for="(item, index) in 8" :key="index">{{index}}</li>
        <!--以下是为了占位置-->
        <li class="item" style="border: none;" v-for="(ite, idx) in 7%3" :key="idx"></li>
      </ul>
    </template>
  </default-layout>
</template>

<style lang="scss" scoped>
ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  li{
    text-align: center;
    width: 33.333%;
    height: 50px;
  }
}
</style>
上次更新: