Kazalo:

Kako ustvarim postavitev mreže v CSS?
Kako ustvarim postavitev mreže v CSS?

Video: Kako ustvarim postavitev mreže v CSS?

Video: Kako ustvarim postavitev mreže v CSS?
Video: Полный курс Redux Toolkit + RTK Query для начинающих | Редакс за 2 часа! 2024, November
Anonim

Naj povzamemo štiri bistvene korake:

  1. Ustvari element vsebnika in ga razglasite za prikaznega: mreža ;.
  2. Uporabite isti vsebnik za definiranje mreža skladbe z uporabo mreža - predlogo - stolpci in mreža - predlogo - lastnosti vrstic.
  3. Postavite podrejene elemente v vsebnik.
  4. Določite velikosti žlebov z mreža - lastnosti vrzeli.

Pri tem lahko uporabim postavitev mreže CSS?

Razen v Internet Explorerju, Postavitev mreže CSS je brez predpone v Safariju, Chromu, Opera, Firefox in Edge. Podpora za vse lastnosti in vrednosti, ki so podrobno opisane v teh vodnikih, je interoperabilna med brskalniki. To pomeni, da če nekaj napišete Mrežna postavitev kodo v Firefoxu, bi morala delovati na enak način v Chromu.

Poleg tega naj uporabim Flexbox ali mrežo? 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. Lastnost justify-content določa, kako dodaten prostor za upogniti -posoda se razdeli na upogniti - predmeti.

Prav tako, kaj je 1fr?

1fr je ena "delna enota", kar je način, da rečemo "preostali prostor v elementu".

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.

Priporočena: