grid - gap

grid-gap默认还有两个参数
 
如果grid写默认方式,则行、列都会使用相同的单位
如果grid写两个参数,则行和列各自生效
如果grid写行方式,则仅有行生效
如果grid写列方式,则仅有列生效
 
 
 page {
color: #fff;
} .grid {
padding:1%;
line-height: 50px;
display: grid;
grid-gap: 1px;
grid-row-gap: 12px;
grid-column-gap: 3px;
} .grid-row {
text-align: center;
background-color: #d94a6a;
}
 
 
在grid布局中,grid-gap基本上算替换了margin(外边距) , 如果它指定了两个值,那么第一个值是设置grid-row-gap的值,第二个值设置grid-column-gap的值
 
上一篇:IOS, xib和storyboard的混用


下一篇:搭建持续集成接口测试平台(Jenkins+Ant+Jmeter)