css实现每个小盒子占32%,超出就换行

代码

  <div class="visitors">
        <visitor class="item" v-for="(user,index) in userArr" :key="user.id" :user="user" :index="index"></visitor>
    </div>






<style lang="scss" scoped>
.visitors{
    display: flex;
//开启flex布局
  flex-wrap: wrap;
//换行属性

    .item{
        width: 32%;
        margin: 5px;
    }
}
</style>

效果

相关推荐

  1. 【HTML】实现 pre 标签内容超出自动

    2024-07-17 04:44:02       30 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-17 04:44:02       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-17 04:44:02       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-17 04:44:02       57 阅读
  4. Python语言-面向对象

    2024-07-17 04:44:02       68 阅读

热门阅读

  1. hung 之 hung task 检测

    2024-07-17 04:44:02       19 阅读
  2. jdk21 future 异步线程 等待

    2024-07-17 04:44:02       21 阅读
  3. ubuntu使用vcan做本地测试

    2024-07-17 04:44:02       24 阅读
  4. ARP协议

    2024-07-17 04:44:02       25 阅读
  5. 基于Go1.19的站点模板爬虫

    2024-07-17 04:44:02       24 阅读
  6. 刷题Day54|99. 岛屿数量、100. 岛屿的最大面积

    2024-07-17 04:44:02       26 阅读
  7. 日耗100和100W投手思维的区别

    2024-07-17 04:44:02       20 阅读
  8. C语言经典程序100案例

    2024-07-17 04:44:02       18 阅读
  9. 【数据结构】顺序表

    2024-07-17 04:44:02       19 阅读
  10. 类和对象(2

    2024-07-17 04:44:02       28 阅读