Mündəricat:

Flex-də necə yer verirsiniz?
Flex-də necə yer verirsiniz?

Video: Flex-də necə yer verirsiniz?

Video: Flex-də necə yer verirsiniz?
Video: Polşada mobil nömrə və internet. Orange FLEX xidməti. 30 PLN bonus qazanmaq - VLOQ #4K 2024, Noyabr
Anonim

Əşyaların sonunda yerləşdirmək üçün əyilmək line, justify-content olaraq təyin edin əyilmək -son. Dəyər mərkəzi yerləşdirir əyilmək bərabər miqdarda boş olan elementlər xəttin mərkəzində boşluq xəttin başlanğıc kənarı ilə birinci element arasında. Dəyər boşluq -arasında ekranlar arasında bərabər məsafə əyilmək maddələr.

Eynilə, çevik elementləri necə yerləşdirirsiniz?

Xülasə

  1. Ekrandan istifadə edin: flex; elastik konteyner yaratmaq üçün.
  2. Elementlərin üfüqi düzülməsini müəyyən etmək üçün justify-content istifadə edin.
  3. Elementlərin şaquli düzülməsini müəyyən etmək üçün align-elementlərdən istifadə edin.
  4. Sətir əvəzinə sütunlara ehtiyacınız varsa, çevik istiqamətdən istifadə edin.
  5. Element sırasını çevirmək üçün sıra-əks və ya sütun-əks dəyərlərindən istifadə edin.

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

Sadəcə olaraq, ətrafdakı məzmun məkanından istifadə edə bilərəmmi?

" boşluq üçün -bərabər" dəyəri haqq qazandırmaq - məzmun əmlak paylayır boşluq maddələr arasında bərabər şəkildə. O, oxşardır boşluq - ətrafında lakin yarım ölçülü əvəzinə bərabər təmin edir boşluq kənarlarında. Bacarmaq olmaq istifadə olunur həm CSS flexbox, həm də şəbəkədə.

Flex konteynerində standart oriyentasiya nədir?

The default ekran tətbiq edildikdən sonra tənzimləmə: əyilmək soldan sağa əsas ox boyunca 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ə: