Kazalo:

Kako uporabljate Flexbox in mrežo?
Kako uporabljate Flexbox in mrežo?

Video: Kako uporabljate Flexbox in mrežo?

Video: Kako uporabljate Flexbox in mrežo?
Video: They AMAZED Me With Their Language Skills! - Omegle 2024, November
Anonim

Elemente v spletu razporejamo kot vrstice in stolpce že odkar uporablja tabele za postavitev. Oboje flexbox in mreža temeljijo na tem konceptu. Flexbox je najboljši za razporeditev elementov v eno vrstico ali en stolpec. Mreža je najboljši za razporeditev elementov v več vrsticah in stolpcih.

Pozneje se lahko vprašate, ali lahko uporabite Flexbox in mrežo skupaj?

Večinoma ne Mreža je veliko novejši kot Flexbox in ima nekoliko manj podpore za brskalnik. oni lahko delo skupaj : a mreža predmet lahko biti a flexbox posoda. A upogniti predmet lahko biti a mreža posoda.

Podobno, ali je mreža CSS boljša od Flexboxa? CSS mreže so za 2D postavitve. Deluje tako z vrsticami kot stolpci. Flexbox deluje bolje samo v eni dimenziji (bodisi vrstice ALI stolpci). Bo več prihrani čas in je koristno, če uporabljate oboje hkrati.

V skladu s tem, kaj je mreža Flexbox?

Flexbox je izdelan za enodimenzionalne postavitve in Mreža je izdelan za dvodimenzionalne postavitve. To pomeni, da če razporedite elemente v eno smer (na primer trije gumbi v glavi), potem uporabite Flexbox : Omogočil vam bo večjo prilagodljivost kot CSS Mreža.

Kdaj ne smete uporabljati Flexboxa?

Kdaj ne uporabljati flexboxa

  1. Ne uporabljajte flexboxa za postavitev strani. Osnovni mrežni sistem, ki uporablja odstotke, največje širine in medijske poizvedbe, je veliko varnejši pristop za ustvarjanje odzivnih postavitev strani.
  2. Ne dodajajte display:flex; na vsak posamezen vsebnik div.
  3. Ne uporabljajte flexboxa, če imate veliko prometa iz IE8 in IE9.

Priporočena: