شرح صفوف ومحتوى الفقرة
يتم تحويل أي عنصر في صفحة الويب مثل div من وضعة الأفتراضي وهو display:block إلي نظام grid من النوع Inline عن طريق تغيير قيمة خاصية display إلي display:inline-grid.
خطوات إنشاء حاوية inline-grid في لغة CSS:
- قم بإنشاء عنصر في صفحة HTML وليكن div.
- قم بإضافة خاصية display:inline-grid.
طريقة عرض جميع عناصر حاوية inline-grid علي هيئة عمود واحد علي قدر المحتوي الداخلي للعناصر.
CSS inline grid container
حاوية grid في لغة CSS عن طريق خاصية display والقيمة inline-grid.
HTML
.grid-container
{
display:inline-grid;
background-color: #2196F3;
min-height:300px;
width:100%
}