CSS之gap屬性

Gap屬性

gap 屬性是用來設置網格行與列之間的間隙，該屬性是row-gap and column-gap的簡寫形式

屬性值

1、row-gap

設置網格布局中行之間的間隙大小

2、column-gap

設置網格布局中列之間的間隙大小

語法

gap:?row-gap?column-gap;

應用場景

在我們設置網格之間的間距的時候，一般用margin 或者 padding來設置元素之間的間距，但是我們在最后的時候可能不需要間距，那就需要單獨為他設置一個為0的值來抵消。

實際代碼

HTML

"grid-container">
??
1

??
2

??
3
??
??
4

??
5

??
6

??
7
??
??
8
??