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;
|
||
|
||
``` |