grid-gap

پرسیده شده
فعالیت 994 روز پیش
دیده شده 431 بار
3

با سلام
میخواستم این نکته رو یادآور شم که تگ های grid-gap و grid-column-gap و grid-row-gap منسوخ شده و به جای آنها از پراپرتری های row-gap و column-gap برای مقدار  دهی عرض شیارهای (gutter) بین سطر ها و ردیف ها به صورت اختصاصی و از پراپرتی gap جهت مقدار دهی این شیار ها به اختصار (ابتدا عرض شیار بین سطر ها سپس ستون ها) استفاده میگردد.

 

display: flex/grid;
row-gap: 10px;
column-gap: 20px;
gap: 10px 20px;

همچنین این پراپرتی جدید نه تنها برای سیستم گرید بلکه برای سیستم فلکس نیز کارائی دارد. 
و به صورت کلی پراپرتی هایی که هنگام کدنویسی، VS Code روی اونها خط میکشه در بخش پیشنهادات، منسوخ شده اند.

 

فایل پیوست

Mahdi Mohaqeq
Mahdi Mohaqeq

21 مرداد 00

جلسه سوم - grid در css - ایجاد سطرها و ستون ها توسط css grid