Mündəricat:

CSS-də flex-dən necə istifadə edirsiniz?
CSS-də flex-dən necə istifadə edirsiniz?

Video: CSS-də flex-dən necə istifadə edirsiniz?

Video: CSS-də flex-dən necə istifadə edirsiniz?
Video: CSS qutu növləri| HTML/CSS -ə giriş : Veb-Sayt düzəldilməsi | Kompüter proqramlaşdırması | Khan Acad 2024, Aprel
Anonim

Xülasə

  1. istifadə edin ekran: əyilmək ; yaratmaq a əyilmək konteyner.
  2. istifadə edin elementlərin üfüqi düzülməsini müəyyən etmək üçün əsaslandırma-məzmun.
  3. istifadə edin align-elementlər elementlərin şaquli düzülməsini müəyyən etmək üçün.
  4. Fleksdən istifadə edin -istiqamət əgər sətirlər yerinə sütunlara ehtiyacınız varsa.
  5. istifadə edin element sırasını çevirmək üçün sıra-əks və ya sütun-əks dəyərlər.

Bununla əlaqədar olaraq, CSS-də ekran çevikliyinin istifadəsi nədir?

A əyilmək konteyner mövcud boş yeri doldurmaq üçün elementləri genişləndirir və ya daşqınların qarşısını almaq üçün onları daraldır. Ən əsası, flexbox layout adi planlardan fərqli olaraq istiqamət-aqnostikdir (şaquli əsaslı blok və üfüqi əsaslı daxili).

Biri də soruşa bilər ki, CSS Flex 1 nədir? əyilmək : 1 ; = əyilmək : 1 1 0n; (burada n uzunluq vahididir). əyilmək -böyümək: Elementin elastik elementlərin qalan hissəsinə nisbətən nə qədər artacağını göstərən rəqəm. əyilmək -shrink Elementin qalan çevik elementlərə nisbətən nə qədər kiçiləcəyini göstərən nömrə. əyilmək -əsas Elementin uzunluğu.

Sonradan soruşa bilərsiniz ki, inline Flex CSS nədir?

Xətdə - Flex - The xətdə versiyası əyilmək elementə və onun uşaqlarına sahib olmağa imkan verir əyilmək sənədlərin/veb-səhifənin müntəzəm axınında qalarkən xassələri. Sənəd axını baxımından blok elementi kimi cavab verir. iki flexbox konteynerlər artıq olmadan eyni cərgədə mövcud ola bilməzdi üslubu.

Flex konteynerində standart oriyentasiya nədir?

The default ekran tətbiq edildikdən sonra tənzimləmə: əyilmək əsas ox boyunca soldan sağa düzüləcək maddələr üçündür. Aşağıdakı animasiya nə zaman baş verdiyini göstərir əyilmək - istiqamət : sütununa əlavə olunur konteyner element. Siz də edə bilərsiniz flex təyin edin - istiqamət sətir-əks və sütun-əks.

Tövsiyə: