CSS 网格布局一行X个排列

   <div class="icon-box">
           <div
            v-for="(item,index) in icon" 
            :key="index"  
            class="icon"
            style="cursor: pointer">
             {{item}}
           </div>
         </div>
.icon-box{
  display: grid; 
  /**网格布局*/
  grid-template-columns: repeat(5,1fr);
  /**一行显示5个*/
  grid-gap:5px;
  /**间距*/
}

.icon{

}

在这里插入图片描述

相关推荐

  1. CSS Grid 网格布局简要说明

    2024-05-12 12:46:05       58 阅读

最近更新

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

    2024-05-12 12:46:05       70 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-12 12:46:05       74 阅读
  3. 在Django里面运行非项目文件

    2024-05-12 12:46:05       61 阅读
  4. Python语言-面向对象

    2024-05-12 12:46:05       71 阅读

热门阅读

  1. Mysql中的DML

    2024-05-12 12:46:05       28 阅读
  2. springboot 连接hive的坑

    2024-05-12 12:46:05       33 阅读
  3. Ubuntu防火墙配置:如何封禁黑客攻击源IP

    2024-05-12 12:46:05       32 阅读
  4. Linux 文件目录详解

    2024-05-12 12:46:05       30 阅读
  5. 第十四章 算法

    2024-05-12 12:46:05       28 阅读
  6. C++算法之区间合并

    2024-05-12 12:46:05       34 阅读
  7. 法人单位和产业活动单位有什么区别和联系

    2024-05-12 12:46:05       33 阅读
  8. 比亚迪算法岗面试,问的贼细!

    2024-05-12 12:46:05       29 阅读