Ar turėčiau naudoti float arba flex?

Turinys:

Ar turėčiau naudoti float arba flex?
Ar turėčiau naudoti float arba flex?
Anonim

Jis palaikomas visose žiniatinklio naršyklėse. Užuot naudoję float, kad sukurtumėte maketus slankiojant elementus į kairę arba dešinę, „flexbox“leidžia kurti maketus lygiuojant elementus į vieną ašį. Ašis gali būti horizontali arba vertikali. Jį geriausia naudoti toje pačioje ašyje esančioms prekėms paskirstyti erdvę.

Kada naudotumėte plūduriuojančią lanksčią dėžės tinklelį?

Flexbox daugiausia padeda suderinti turinį ir perkelti blokus. CSS tinkleliai skirti 2D maketams. Jis veikia tiek su eilutėmis, tiek su stulpeliais. „Flexbox“geriau veikia tik vienoje dimensijoje (eilutėse ARBA stulpeliai).

Kodėl turėtumėte naudoti „flexbox“, o ne plūdes?

Naudojant flexbox antrinių elementų padėties nustatymas tampa lengvesnis. „Flexbox“yra jautri ir pritaikyta mobiliesiems telefonams. „Flex“talpyklos kraštai nesusitraukia su jo turinio paraštėmis. Galime lengvai pakeisti elementų tvarką savo tinklalapyje net nekeisdami HTML.

Ar 2020 m. turėčiau naudoti plūdes?

Būna atvejų, kai objektas nevynioja teksto, bet kitos parinktys neveikia. Tokiu atveju nenuliūskite, tiesiog naudokite plūdę. Jei iš tikrųjų norite apvilkti tekstą aplink vaizdą ar kitą elementą, plūduriavimas yra puikus.

Kada neturėtumėte naudoti flex?

Kada nenaudoti „flexbox“

  1. Nenaudokite „flexbox“puslapio išdėstymui. Pagrindinė tinklelio sistema, naudojanti procentus, didžiausią plotį ir medijos užklausas, yra daug saugesnis būdas kurti interaktyvius puslapių maketus. …
  2. Nepridėtiekranas: flex; prie kiekvieno konteinerio div. …
  3. Nenaudokite „flexbox“, jei turite daug srauto iš IE8 ir IE9.

Rekomenduojamas: