Orodha ya maudhui:

Unatoaje nafasi katika Flex?
Unatoaje nafasi katika Flex?

Video: Unatoaje nafasi katika Flex?

Video: Unatoaje nafasi katika Flex?
Video: Буэнос-Айрес - Невероятно яркая и душевная столица Аргентины. Гостеприимная и легкая для иммиграции 2024, Novemba
Anonim

Kuweka vitu mwishoni mwa flex line, weka justify-content kwa flex -mwisho. Vituo vya thamani flex vitu katikati ya mstari, na kiasi sawa cha tupu nafasi kati ya makali ya mwanzo ya mstari na kipengee cha kwanza. Thamani nafasi -kati ya maonyesho ya nafasi sawa kati ya flex vitu.

Vile vile, unawekaje vitu vinavyobadilikabadilika?

Muhtasari

  1. Tumia maonyesho: flex; kuunda chombo cha kubadilika.
  2. Tumia justify-content kufafanua mpangilio mlalo wa vitu.
  3. Tumia vipengee vya kupanga ili kufafanua upangaji wima wa vipengee.
  4. Tumia mwelekeo-nyuma ikiwa unahitaji safu wima badala ya safu mlalo.
  5. Tumia thamani za kubadilisha safu mlalo au safu wima kubadilisha mpangilio wa bidhaa.

Pia, Flex fill ni nini? A flex chombo huongeza vitu kwa jaza nafasi ya bure inayopatikana au inapunguza ili kuzuia kufurika. Muhimu zaidi, mpangilio wa kisanduku nyumbufu ni mwelekeo-uaminifu kinyume na mpangilio wa kawaida (block ambayo inategemea wima na inline ambayo inategemea mlalo).

Kwa hivyo, ninaweza kutumia kuhalalisha nafasi ya yaliyomo karibu?

" nafasi -sawa" thamani kwa kuhalalisha - maudhui mali inasambaza nafasi kati ya vitu kwa usawa. Inafanana na nafasi - karibu lakini hutoa sawa badala ya nusu ya ukubwa nafasi pembezoni. Unaweza kuwa kutumika katika kisanduku cha kubadilika cha CSS na gridi ya taifa.

Je, ni mwelekeo gani chaguo-msingi ndani ya chombo cha Flex?

The chaguo-msingi mpangilio baada ya kutumia onyesho: flex ni kwa ajili ya vitu kupangwa pamoja na mhimili mkuu kutoka kushoto kwenda kulia. Uhuishaji ulio hapa chini unaonyesha kile kinachotokea wakati flex - mwelekeo : safu imeongezwa kwa chombo kipengele. Unaweza pia kuweka flex - mwelekeo kubadilisha safu mlalo na safu wima-nyuma.

Ilipendekeza: