Sisukord:

Mis on Flexboxi konteiner?
Mis on Flexboxi konteiner?

Video: Mis on Flexboxi konteiner?

Video: Mis on Flexboxi konteiner?
Video: Объяснение контейнеров 2024, November
Anonim

A painduv konteiner laiendab üksusi vaba ruumi täitmiseks või kahandab neid, et vältida ülevoolu. Kõige tähtsam on, flexbox paigutus on suunaagnostiline, erinevalt tavapaigutustest (plokk, mis on vertikaalselt põhinev ja sees, mis on horisontaalselt põhinev).

Kuidas te sellega seoses Flexboxi kasutate?

Kokkuvõte

  1. Kasuta ekraani: flex; painduva konteineri loomiseks.
  2. Kasutage üksuste horisontaalse joonduse määramiseks õigustatavat sisu.
  3. Kasutage üksuste joondamist, et määrata üksuste vertikaalne joondus.
  4. Kasutage painduvat suunda, kui vajate ridade asemel veerge.
  5. Kasutage üksuste järjestuse ümberpööramiseks rea- või veeru-tagurpidi väärtusi.

kuidas teha Flexi konteinerit? Enne kui saate kasutada mis tahes flexbox atribuut, peate määratlema a painduv konteiner teie paigutuses. Sina luua painduv konteiner määrates elemendi kuvamisomaduse ühele flexbox paigutuse väärtused: painduv või inline- painduv . Vaikimisi, painduv elemendid on paigutatud horisontaalselt peateljele vasakult paremale.

Milleks Flexboxi sel viisil kasutatakse?

Flexbox on paigutusmudel, mis võimaldab elemente konteineris joondada ja ruumi jaotada. Paindlike laiuste ja kõrguste abil saab elemente joondada, et täita ruumi või jaotada ruumi elementide vahel, mis teeb sellest suurepärase tööriista jaoks kasutada reageerivad disainisüsteemid.

Mis on Flexi konteineri vaikesuund?

The vaikimisi paigutus pärast kuva rakendamist: painduv on mõeldud üksuste paigutamiseks piki peatelge vasakult paremale. Allolev animatsioon näitab, mis millal juhtub painduv - suunas : veerg lisatakse konteiner element. Sa saad ka seada flex - suunas rea- ja veeru-tagurpidi.

Soovitan: