20 lines
467 B
Markdown
20 lines
467 B
Markdown
|
---
|
|||
|
|
title: Create a Row Gap using grid-row-gap
|
|||
|
|
localeTitle: 使用grid-row-gap创建行间隙
|
|||
|
|
---
|
|||
|
|
## 使用grid-row-gap创建行间隙
|
|||
|
|
|
|||
|
|
这个挑战要求您在.container中的CSS Grid的所有行之间添加`20px`的间隙。
|
|||
|
|
|
|||
|
|
### 暗示
|
|||
|
|
|
|||
|
|
要在CSS网格中的行之间添加间隙，我们使用`grid-row-gap` CSS属性。
|
|||
|
|
|
|||
|
|
### 解
|
|||
|
|
|
|||
|
|
由于挑战是你添加`5px`的差距，你可以将以下行添加到`.container` CSS代码块。
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
grid-row-gap: 5px;
|
|||
|
|
|
|||
|
|
```
|