首页 > 其他分享 >25宫格

25宫格

时间:2023-06-02 15:12:05浏览次数:36  
标签:25 repeat 12px 48px width grid 宫格 icon

  .icon-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 划分为5列 */
    grid-template-rows: repeat(5, 1fr); /* 划分为5行 */
    gap: 12px; /* 间隔为12像素 */
    .icon-item {
      width: 48px;
      height: 48px;
      border-radius: 6px;
      background-repeat: no-repeat;
    }
  }

  

  .icon-list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 12px);
    .icon-item {
      width: 48px;
      height: 48px;
      border-radius: 6px;
      background-repeat: no-repeat;
      margin-right: 12px;
      margin-bottom: 12px;
    }
  }

  

标签:25,repeat,12px,48px,width,grid,宫格,icon
From: https://www.cnblogs.com/hwy6/p/17451809.html

相关文章

  • CAN 总线 MCP2551T-I/SN 收发器代替型号 DP2551-I/ST完全pin对pin兼容
    目前世界上使用最广泛的CAN收发器当属NXP(原飞利浦半导体)的各种收发器了。MCP2551是一个可容错的高速CAN器件,可作为CAN协议控制器和物理总线接口。MCP2551可为CAN协议控制器提供差分收发能力,它完全符合ISO-11898标准,包括能满足24V电压要求。它的工作速率高达1Mb/s......
  • 2517. 礼盒的最大甜蜜度
    题目链接:2517.礼盒的最大甜蜜度方法:二分解题思路题目意思:当前有\(n\)类糖果,从\(0\)到\(n-1\)编号,\(price[i]\)表示第\(i\)类糖果的价格,现要你在其中选择\(k\)类不同的糖果,组成一个集合\(s\),该集合的值为集合中两种糖果差的绝对值的最小值,现在要求你计算所有可......
  • 2517. 礼盒的最大甜蜜度
    给你一个正整数数组price,其中price[i]表示第i类糖果的价格,另给你一个正整数k。商店组合k类不同糖果打包成礼盒出售。礼盒的甜蜜度是礼盒中任意两种糖果价格绝对差的最小值。返回礼盒的最大甜蜜度。来源:力扣(LeetCode)链接:https://leetcode.cn/problems/maxim......
  • CI854K01 3BSE025961R1保护电机/变压器/馈线/发电机等免受接地故障影响
    CI854K013BSE025961R1保护电机/变压器/馈线/发电机等免受接地故障影响CI854K013BSE025961R1CI854K013BSE025961R1 EFR用于保护控制面板和配电盘免受接地故障影响,保护电机/变压器/馈线/发电机等免受接地故障影响,可以保护炼油厂/纸浆工业/配电等危险和敏感行业。PFR:PFR(Ph......
  • 什么样的服务器适合做APP?45.125.46.x
    现如今,智能手机已经越来越普及,随着智能手机的普及,同时催生了各类APP,很多企业除了建立官方网站,也会创建自家的APP,增加传播渠道,也是竞争途径之一。那么好的APP就非常重要了,在开发APP之前,我们还需要选择一款合适的服务器作为支撑,应该怎么选APP服务器的配置呢?选择APP服务器要从哪些配置......
  • 5.25
    代码行数:200H学习内容:完成提交大作业。学习计划:期末完成及格fromtkinterimportTk,Label,Button,Entryimportxlwtasxlwtfromlxmlimportetreeimportrequestsimportpandasaspdimportmatplotlib.pyplotaspltdeftwo_color_ball():url=entry.get()xls......
  • POJ2528 线段树+离散化+hash(成段更新)
    题目:Mayor'sposters 题意:在墙上贴海报,海报可以互相覆盖,问最后可以看见几张海报思路:这题数据范围很大,直接搞超时+超内存,需要离散化:离散化简单的来说就是只取我们需要的值来用,比如说区间[1000,2000],[1990,2012]我们用不到[-∞,999][1001,1989][1991,1999][2001,2011][201......
  • HDU4259(简单群置换)
    题目:DoubleDealing#include<iostream>#include<string.h>#defineLLlonglongconstintN=1005;intn,k;inta[N][N];boolf[N];intnum[N];LLgcd(LLa,LLb){returnb?gcd(b,a%b):a;}intmain(){inti,j;while(std::cin>......
  • HDU2588解析
    题目:HDU2588题意大概:给定N,M(2<=N<=1000000000,1<=M<=N),求1<=X<=N且gcd(X,N)>=M的个数。解法:数据量太大,用常规方法做是行不通的。后来看了别人的解题报告说,先找出N的约数x,    并且gcd(x,N)>=M,结果为所有N/x的欧拉函数之和。设y=N/x,y的欧拉函数为小于y且与y互质的数的个数。......
  • CodeForces 1250E [2-sat]
    题目链接:https://codeforces.com/contest/1250/problem/E 解题思路:首先根据反转的性质有:    有字符串a,b,a的反转A,b的反转B,如果a和b匹配值为K,那么A和B的值也为K    同样a和B匹配值为M,那么A和b的匹配值也为M,因此有对称性那么就可以转换成2-sat问题了,设点i的对立......