Orodha ya maudhui:

Unatumiaje Flexbox na gridi ya taifa?
Unatumiaje Flexbox na gridi ya taifa?

Video: Unatumiaje Flexbox na gridi ya taifa?

Video: Unatumiaje Flexbox na gridi ya taifa?
Video: 229. Новости Chrome, Firefox и V8, Web Vitals, GitHub Codespaces, minmax, наша ответственность 2024, Desemba
Anonim

Tumekuwa tukipanga vipengele kama safu mlalo na safu wima kwenye wavuti tangu sisi kutumika meza kwa mpangilio. 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.

Baadaye, mtu anaweza pia kuuliza, unaweza kutumia Flexbox na gridi ya taifa pamoja?

Mara nyingi No. Gridi ni mpya zaidi kuliko Flexbox na ina usaidizi mdogo wa kivinjari. Wao unaweza kazi pamoja : a gridi ya taifa kipengee unaweza kuwa a flexbox chombo. A flex kipengee unaweza kuwa a gridi ya taifa chombo.

Vivyo hivyo, gridi ya CSS ni bora kuliko Flexbox? Gridi za CSS ni za miundo ya 2D. Inafanya kazi na safu na safu zote mbili. Flexbox kazi bora kwa mwelekeo mmoja tu (safu zote AU safu). Itakuwa zaidi kuokoa wakati na kusaidia ikiwa unatumia zote mbili kwa wakati mmoja.

Ipasavyo, 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.

Wakati haupaswi kutumia Flexbox?

Wakati haupaswi kutumia flexbox

  1. Usitumie flexbox kwa mpangilio wa ukurasa. Mfumo wa msingi wa gridi ya taifa unaotumia asilimia, upana wa juu zaidi, na hoja za maudhui ni njia salama zaidi ya kuunda mipangilio ya ukurasa inayojibu.
  2. Usiongeze display:flex; kwa kila chombo div.
  3. Usitumie flexbox ikiwa una trafiki nyingi kutoka IE8 na IE9.

Ilipendekeza: