Orodha ya maudhui:

Ninawezaje kuunda mpangilio wa gridi ya taifa katika CSS?
Ninawezaje kuunda mpangilio wa gridi ya taifa katika CSS?

Video: Ninawezaje kuunda mpangilio wa gridi ya taifa katika CSS?

Video: Ninawezaje kuunda mpangilio wa gridi ya taifa katika CSS?
Video: Njia 4 Kubwa Unazoweza Kutumia Kumshawishi Mteja. 2024, Septemba
Anonim

Wacha turudie hatua nne muhimu:

  1. Unda chombo cha chombo, na utangaze kuonyesha: gridi ya taifa ;.
  2. Tumia chombo hicho hicho kufafanua gridi ya taifa nyimbo kwa kutumia gridi ya taifa - kiolezo -safu na gridi ya taifa - kiolezo -safu mali.
  3. Weka vipengele vya mtoto ndani ya chombo.
  4. Taja saizi za gutter kwa kutumia gridi ya taifa - pengo mali.

Hapa, naweza kutumia mpangilio wa gridi ya CSS?

Mbali na Internet Explorer, Mpangilio wa Gridi ya CSS haina viambishi katika Safari, Chrome, Opera, Firefox na Edge. Usaidizi wa sifa na thamani zote zilizofafanuliwa katika miongozo hii unaweza kushirikiana katika vivinjari vyote. Hii ina maana kwamba kama wewe kuandika baadhi Mpangilio wa Gridi nambari katika Firefox, inapaswa kufanya kazi kwa njia sawa katika Chrome.

Kwa kuongeza, ninapaswa kutumia Flexbox au gridi ya taifa? Zote mbili flexbox na gridi ya taifa zinatokana na dhana hii. Flexbox ni bora kwa kupanga vipengele katika safu moja au safu moja. Gridi ni bora kwa kupanga vipengele katika safu na safu nyingi. Sifa ya kuhalalisha-yaliyomo huamua jinsi nafasi ya ziada ya flex -chombo kinasambazwa kwa flex - vitu.

Vivyo hivyo, 1fr ni nini?

1fr ni "kitengo cha sehemu", ambayo ni njia ya kusema "nafasi iliyobaki katika kipengele".

Gridi ya Flexbox ni nini?

Flexbox inafanywa kwa mipangilio ya dimensional moja na Gridi imeundwa kwa mpangilio wa dimensional mbili. Hii inamaanisha kuwa ikiwa unaweka vitu kwa mwelekeo mmoja (kwa mfano vifungo vitatu ndani ya kichwa), basi unapaswa kutumia. Flexbox : Itakupa unyumbufu zaidi kuliko CSS Gridi.

Ilipendekeza: