admin管理员组

文章数量:1130349

grid

grid-gap默认还有两个参数 如果grid写默认方式，则行、列都会使用相同的单位 如果grid写两个参数，则行和列各自生效 如果grid写行方式，则仅有行生效 如果grid写列方式，则仅有列生效 
 1 page {
 2   color: #fff;
 3 }
 4 
 5 .grid {
 6   padding:1%;
 7   line-height: 50px;
 8   display: grid;
 9   grid-gap: 1px;
10   grid-row-gap: 12px;
11   grid-column-gap: 3px;
12 }
13 
14 .grid-row {
15   text-align: center;
16   background-color: #d94a6a;
17 }

 

在grid布局中，grid-gap基本上算替换了margin(外边距) , 如果它指定了两个值，那么第一个值是设置grid-row-gap的值，第二个值设置grid-column-gap的值

转载于:.html

grid

grid-gap默认还有两个参数 如果grid写默认方式，则行、列都会使用相同的单位 如果grid写两个参数，则行和列各自生效 如果grid写行方式，则仅有行生效 如果grid写列方式，则仅有列生效 
 1 page {
 2   color: #fff;
 3 }
 4 
 5 .grid {
 6   padding:1%;
 7   line-height: 50px;
 8   display: grid;
 9   grid-gap: 1px;
10   grid-row-gap: 12px;
11   grid-column-gap: 3px;
12 }
13 
14 .grid-row {
15   text-align: center;
16   background-color: #d94a6a;
17 }

 

在grid布局中，grid-gap基本上算替换了margin(外边距) , 如果它指定了两个值，那么第一个值是设置grid-row-gap的值，第二个值设置grid-column-gap的值

转载于:.html

本文标签： grid

版权声明：本文标题：grid 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/IT/1687686464a129140.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。