2018-10-12 16:35:31 -04:00
|
|
|
---
|
|
|
|
|
title: Create a Column Gap Using grid-column-gap
|
|
|
|
|
localeTitle: إنشاء فجوة عمود باستخدام الفجوة بين عمود الشبكة
|
|
|
|
|
---
|
|
|
|
|
## إنشاء فجوة عمود باستخدام الفجوة بين عمود الشبكة
|
|
|
|
|
|
|
|
|
|
يتطلب هذا التحدي إضافة فجوة بمقدار 20 بكسل لكل أعمدة شبكة CSS في. الحاكي.
|
|
|
|
|
|
|
|
|
|
### ملحوظة
|
|
|
|
|
|
|
|
|
|
لإضافة الفجوة بين أعمدة الشبكة ، نستخدم:
|
|
|
|
|
|
2019-06-20 14:14:23 -07:00
|
|
|
```css
|
|
|
|
|
grid-column-gap: parameter;
|
|
|
|
|
```
|
2018-10-12 16:35:31 -04:00
|
|
|
|
|
|
|
|
حيث المعلمة هي الفجوة المطلوبة.
|
|
|
|
|
|
|
|
|
|
### حل
|
|
|
|
|
|
|
|
|
|
نظرًا لأن التحدي قد أدى إلى إضافة فجوة بمقدار 20 بكسل ، يمكنك إضافة السطر التالي إلى crameblock CSS.
|
|
|
|
|
|
2019-06-20 14:14:23 -07:00
|
|
|
```css
|
|
|
|
|
grid-column-gap: 20px;
|
|
|
|
|
```
|
