Orodha ya maudhui:

Chombo cha Flexbox ni nini?
Chombo cha Flexbox ni nini?

Video: Chombo cha Flexbox ni nini?

Video: Chombo cha Flexbox ni nini?
Video: HTML5 CSS3 2022 | Вынос Мозга 01 2024, Mei
Anonim

A chombo cha flex hupanua vipengee ili kujaza nafasi inayopatikana bila malipo au kuvipunguza ili kuzuia kufurika. Muhimu zaidi, flexbox mpangilio ni mwelekeo-agnostiki kinyume na mpangilio wa kawaida (block ambayo inategemea wima na inline ambayo inategemea mlalo).

Kuhusiana na hili, unatumiaje Flexbox?

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.

unatengenezaje chombo cha Flex? Kabla ya kutumia yoyote flexbox mali, unahitaji kufafanua a chombo cha flex katika mpangilio wako. Wewe tengeneza chombo cha kubadilika kwa kuweka sifa ya kuonyesha ya kipengele kwa moja ya flexbox maadili ya mpangilio: flex au ndani ya mstari- flex . Kwa chaguo-msingi, flex vitu vimewekwa kwa usawa kwenye mhimili mkuu kutoka kushoto kwenda kulia.

Kwa njia hii, Flexbox inatumika kwa nini?

Flexbox ni muundo wa mpangilio ambao huruhusu vipengee kupatana na kusambaza nafasi ndani ya kontena. Kwa kutumia upana na urefu unaobadilika, vipengele vinaweza kupangiliwa ili kujaza nafasi au kusambaza nafasi kati ya vipengele, ambayo inafanya kuwa chombo kizuri cha kutumia kwa mifumo msikivu ya kubuni.

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 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: