描述
适用于:网格容器
gap 属性是用来设置网格行与列之间的间隙(gutters),该属性是row-gap 和 column-gap的简写形式。
取值
<length>
网格线之间的间隙宽度。
<percentage>
网格线直接的间隙宽度,相对网格容器的百分比。
语法
/* One <length> value */ gap: 20px; gap: 1em; gap: 3vmin; gap: 0.5cm; /* One <percentage> value */ gap: 16%; gap: 100%; /* Two <length> values */ gap: 20px 10px; gap: 1em 0.5em; gap: 3vmin 2vmax; gap: 0.5cm 2mm; /* One or two <percentage> values */ gap: 16% 100%; gap: 21px 82%; /* calc() values */ gap: calc(10% + 20px); gap: calc(20px + 10%) calc(10% - 5px); /* Global values */ gap: inherit; gap: initial; gap: unset;