Mündəricat:

Flexbox və griddən necə istifadə edirsiniz?
Flexbox və griddən necə istifadə edirsiniz?

Video: Flexbox və griddən necə istifadə edirsiniz?

Video: Flexbox və griddən necə istifadə edirsiniz?
Video: CSS 18 | Flexbox 2024, Noyabr
Anonim

Biz internetdə elementləri sətirlər və sütunlar kimi tənzimləyirik istifadə olunur layout üçün masalar. Hər ikisi flexbox və grid bu konsepsiyaya əsaslanır. Flexbox elementləri bir sıra və ya bir sütunda yerləşdirmək üçün ən yaxşısıdır. Grid elementləri çoxlu sətir və sütunlarda yerləşdirmək üçün ən yaxşısıdır.

Sonradan soruşa bilərsiniz ki, Flexbox və grid-dən birlikdə istifadə edə bilərsinizmi?

Əsasən Xeyr. Grid -dən çox yenidir Flexbox və bir az daha az brauzer dəstəyi var. Onlar bacarmaq iş birlikdə : a şəbəkə maddə bacarmaq olmaq a flexbox konteyner. A əyilmək maddə bacarmaq olmaq a şəbəkə konteyner.

Eynilə, CSS şəbəkəsi Flexbox-dan daha yaxşıdır? CSS şəbəkələri 2D tərtibatlar üçündür. Həm sətirlər, həm də sütunlarla işləyir. Flexbox işləyir daha yaxşı yalnız bir ölçüdə (hər iki sətir Və ya sütunlar). Bu olacaq daha çox hər ikisini eyni anda istifadə etsəniz, vaxta qənaət edir və faydalıdır.

Buna görə, Flexbox grid nədir?

Flexbox bir ölçülü layouts üçün hazırlanmışdır və Grid iki ölçülü planlar üçün hazırlanmışdır. Bu o deməkdir ki, əgər siz elementləri bir istiqamətdə yerləşdirirsinizsə (məsələn, başlıqda üç düymə), onda siz istifadə etməlisiniz Flexbox : Bu sizə CSS-dən daha çox çeviklik verəcəkdir Grid.

Flexbox-dan nə vaxt istifadə etməməlisiniz?

Flexbox-dan nə vaxt istifadə edilməməlidir

  1. Səhifə düzümü üçün flexbox istifadə etməyin. Faizlər, maksimum genişliklər və media sorğularından istifadə edən əsas şəbəkə sistemi cavab verən səhifə tərtibatları yaratmaq üçün daha təhlükəsiz bir yanaşmadır.
  2. displey əlavə etməyin:flex; hər bir konteynerə div.
  3. IE8 və IE9-dan çoxlu trafikiniz varsa, flexbox-dan istifadə etməyin.

Tövsiyə: