Sisukord:

Kuidas Flexis ruumi annate?
Kuidas Flexis ruumi annate?

Video: Kuidas Flexis ruumi annate?

Video: Kuidas Flexis ruumi annate?
Video: Kuidas ise enda küüntelt geellakki eemaldada? 2024, November
Anonim

Üksuste paigutamiseks lõppu painduv rida, sea justify-content to painduv -lõpp. Väärtuskeskuse kohad painduv üksused rea keskel, võrdsetes kogustes tühje ruumi rea algusserva ja esimese üksuse vahel. Väärtus ruumi -kuvade vahel on võrdne vahe painduv esemed.

Samamoodi, kuidas paigutate painduvaid esemeid?

Kokkuvõte

  1. Kasuta ekraani: flex; painduva konteineri loomiseks.
  2. Kasutage üksuste horisontaalse joonduse määratlemiseks sisu õigustamist.
  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.

Samuti, mis on Flex fill? A painduv konteiner laiendab üksusi täita vaba ruumi või kahandab neid, et vältida ülevoolu. Kõige tähtsam on see, et painduva kasti paigutus on suunaagnostiline, erinevalt tavapaigutustest (plokk, mis on vertikaalselt põhinev ja sisemine, mis on horisontaalne).

Lihtsalt, kas ma saan kasutada õigustatud sisuruumi?

" ruumi -ühtlane" väärtus õigustada - sisu vara jagab ruumi esemete vahel ühtlaselt. See on sarnane ruumi - ümber kuid annab võrdse asemel poole väiksema ruumi servadel. Saab olla kasutatud nii CSS flexboxis kui ka ruudustikus.

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: