Satura rādītājs:

Kas ir Flexbox konteiners?
Kas ir Flexbox konteiners?

Video: Kas ir Flexbox konteiners?

Video: Kas ir Flexbox konteiners?
Video: Portfolio Image Auto Scroll Effect Elementor FlexBox Containers 2024, Novembris
Anonim

A elastīgs konteiners paplašina vienumus, lai aizpildītu pieejamo brīvo vietu, vai samazina tos, lai novērstu pārplūšanu. Pats galvenais, flexbox izkārtojums ir virziena agnostisks pretstatā parastajiem izkārtojumiem (bloks, kas ir vertikāli balstīts un iekļauts, kas ir balstīts uz horizontāli).

Saistībā ar to, kā jūs izmantojat Flexbox?

Kopsavilkums

  1. Izmantojiet displeju: flex; lai izveidotu elastīgu konteineru.
  2. Izmantojiet pamatojumu, lai definētu vienumu horizontālo līdzinājumu.
  3. Izmantojiet līdzināšanas vienumus, lai definētu vienumu vertikālo līdzinājumu.
  4. Izmantojiet elastīgo virzienu, ja jums ir vajadzīgas kolonnas, nevis rindas.
  5. Izmantojiet rindu apgrieztās vai kolonnas apgrieztās vērtības, lai apgrieztu vienumu secību.

kā izveidot Flex konteineru? Pirms varat izmantot jebkuru flexbox īpašums, jums ir jādefinē a elastīgs konteiners jūsu izkārtojumā. Tu izveidojiet elastīgu konteineru iestatot elementa displeja rekvizītu uz vienu no flexbox izkārtojuma vērtības: flex vai iekļauts- flex . Pēc noklusējuma, flex vienumi ir izvietoti horizontāli uz galvenās ass no kreisās uz labo pusi.

Kam šādā veidā tiek izmantots Flexbox?

Flexbox ir izkārtojuma modelis, kas ļauj elementiem līdzināt un sadalīt vietu konteinerā. Izmantojot elastīgus platumus un augstumus, elementus var izlīdzināt, lai aizpildītu vietu vai sadalītu atstarpi starp elementiem, kas padara to par lielisku rīku izmantot priekš atsaucīgas dizaina sistēmas.

Kāda ir noklusējuma orientācija Flex konteinerā?

The noklusējuma izkārtojums pēc displeja uzlikšanas: flex ir paredzēts, lai vienumi sakārtoti pa galveno asi no kreisās uz labo pusi. Tālāk esošajā animācijā parādīts, kas notiek, kad flex - virziens : kolonna tiek pievienota konteiners elements. Jūs varat arī noteikt flex - virziens uz rindu apgrieztu un kolonnu apgrieztu.

Ieteicams: