css中repeat()函数的用法
时间：2023-05-26 19:40:06阅读数：0
repeat()函数说明
1、repeat()属性可以创建重复的网格轨道。这个适用于创建相等尺寸的网格项目和多个网格项目。
2、repeat()也接受两个参数：第一个参数定义网格轨道应该重复的次数，第二个参数定义每个轨道的尺寸。
CSS repeat()函数只能作用在grid-template-columns和grid-template-rows这两个CSS属性上。
repeat()函数实例
.grid-container{
padding: 20px;
display: grid;
grid-template-columns: repeat(2,100px);
grid-template-rows: repeat(3,100px);
background: pink;
} 
相关文章
echo命令在Linux中的作用以及其常见用法
>2023-10-01
css中minmax()函数的使用
minmax()函数说明1、minmax()函数来创建行或列的最小或尺寸。2、第一个参数定义网格轨道的最小值，第二个参数定义网格轨道的值。可以接受任何长度值，也接受 auto 值。auto 值允许网格
>2023-05-26
mysql间隙锁的用法
区间锁，只锁一个索引区间(开区间，不包括双端端点)1、在索引记录之间的间隙中加锁，或在索引记录之前或之后加锁，不包括索引记录本身。2、间隙锁可用于防止幻读，以确保索引之间不会插入数据。实例session 1:start transaction ;select ...
>2023-05-26
css中translate函数的用法
1、translate允许单独声明平移变换，并独立于transform属性。2、这在一些典型的用户界面上更好用，而且这样就无需在transform中声明该函数并记住转换函数的确切顺序了。实例.wrap
>2023-05-26
css中skew函数的使用
1、skew函数定义元素在二维平面上的倾斜转换。这种转换是一种剪切映射(横切)，在水平和垂直方向上将单元内的每个点扭曲一定的角度。每个点的坐标根据指定的角度以及到原点的距离，进行成比例的值调整。因此，
>2023-05-26