Turinys:

Kaip naudojate „Flexbox“ir tinklelį?
Kaip naudojate „Flexbox“ir tinklelį?

Video: Kaip naudojate „Flexbox“ir tinklelį?

Video: Kaip naudojate „Flexbox“ir tinklelį?
Video: Flexbox or grid - How to decide? 2024, Lapkritis
Anonim

Nuo tada, kai žiniatinklyje tvarkome elementus kaip eilutes ir stulpelius naudojamas lentelės išdėstymui. Abu flexbox ir tinklelis yra pagrįsti šia koncepcija. Flexbox geriausiai tinka elementams išdėstyti vienoje eilutėje arba viename stulpelyje. Tinklelis geriausiai tinka elementams išdėstyti keliose eilutėse ir stulpeliuose.

Vėliau taip pat galima paklausti, ar galite kartu naudoti „Flexbox“ir tinklelį?

Dažniausiai Nr. Tinklelis yra daug naujesnis nei Flexbox ir turi šiek tiek mažiau naršyklės palaikymo. Jie gali dirbti kartu : a tinklelis daiktas gali būk a flexbox konteineris. A lankstus daiktas gali būk a tinklelis konteineris.

Be to, ar CSS tinklelis yra geresnis nei „Flexbox“? CSS tinkleliai yra skirti 2D maketams. Jis veikia tiek su eilutėmis, tiek su stulpeliais. Flexbox darbai geriau tik viename matmenyje (arba eilutės ARBA stulpeliai). Taip ir bus daugiau taupo laiką ir yra naudinga, jei naudojate abu vienu metu.

Taigi, kas yra „Flexbox“tinklelis?

Flexbox yra sukurtas vieno matmens maketams ir Tinklelis yra skirtas dviejų matmenų išdėstymui. Tai reiškia, kad jei išdėstote elementus viena kryptimi (pavyzdžiui, trys mygtukai antraštėje), turėtumėte naudoti Flexbox : Tai suteiks daugiau lankstumo nei CSS Tinklelis.

Kada neturėtumėte naudoti „Flexbox“?

Kada nenaudoti „flexbox“

  1. Puslapiui maketuoti nenaudokite „flexbox“. Pagrindinė tinklelio sistema, naudojanti procentus, maksimalų plotį ir medijos užklausas, yra daug saugesnis būdas kurti interaktyvius puslapių maketus.
  2. Nepridėkite display:flex; prie kiekvieno konteinerio div.
  3. Nenaudokite „flexbox“, jei turite daug srauto iš IE8 ir IE9.

Rekomenduojamas: