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