26 lines
524 B
Markdown
26 lines
524 B
Markdown
|
---
|
|||
|
|
title: Create a Column Gap Using grid-column-gap
|
|||
|
|
localeTitle: 使用grid-column-gap创建列间隙
|
|||
|
|
---
|
|||
|
|
## 使用grid-column-gap创建列间隙
|
|||
|
|
|
|||
|
|
这个挑战要求您在.container中的CSS Grid的所有列之间添加20px的间隙。
|
|||
|
|
|
|||
|
|
### 暗示
|
|||
|
|
|
|||
|
|
要添加网格列之间的间隙，我们使用：
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
grid-column-gap: parameter;
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
其中参数是所需的间隙。
|
|||
|
|
|
|||
|
|
### 解
|
|||
|
|
|
|||
|
|
由于挑战是你添加了20px的差距，你可以将以下行添加到.container CSS代码块。
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
grid-column-gap: 20px;
|
|||
|
|
|
|||
|
|
```
|