Tartalomjegyzék:

Hogyan használod a flexet a CSS-ben?
Hogyan használod a flexet a CSS-ben?

Videó: Hogyan használod a flexet a CSS-ben?

Videó: Hogyan használod a flexet a CSS-ben?
Videó: How To Build a Cool Finishing Line - LEGO Creator 3in1 - Building Tips 2024, Április
Anonim

Összegzés

  1. Használat kijelző: Flex ; létrehozni a Flex tartály.
  2. Használat justify-content az elemek vízszintes igazításának meghatározásához.
  3. Használat align-items az elemek függőleges igazításának meghatározásához.
  4. Használj flexet -irányt, ha sorok helyett oszlopokra van szüksége.
  5. Használat a sor-visszafordítás vagy az oszlop-visszafordítás értékek az elemek sorrendjének átfordításához.

Ezzel kapcsolatban mi a haszna a display flexnek a CSS-ben?

A Flex A tároló kibővíti az elemeket, hogy kitöltse a rendelkezésre álló szabad helyet, vagy összezsugorítja őket, hogy megakadályozza a túlcsordulást. A legfontosabb, hogy a flexbox Az elrendezés irányagnosztikus, szemben a szokásos elrendezésekkel (a függőleges alapú blokk és a vízszintes alapú inline).

Az is felmerülhet, hogy mi az a CSS Flex 1? Flex : 1 ; = Flex : 1 1 0n; (ahol n a hossz mértékegysége). Flex -grow: Egy szám, amely megadja, hogy az elem mennyivel fog növekedni a többi rugalmas elemhez képest. Flex -shrink Egy szám, amely megadja, hogy az elem mennyivel csökken a többi rugalmas elemhez képest. Flex -basis A tétel hossza.

Ezt követően az is felmerülhet, hogy mi az inline Flex CSS?

Sorban - Flex - Az Sorban verziója Flex lehetővé teszi az elemnek és annak gyermekeinek, hogy rendelkezzenek Flex tulajdonságait, miközben továbbra is a dokumentum/weboldal normál folyamában marad. A dokumentumfolyamat szempontjából blokk elemként reagál. Kettő flexbox konténerek nem létezhetnének ugyanabban a sorban felesleg nélkül stílus.

Mi az alapértelmezett tájolás a Flex tárolóban?

Az alapértelmezett elrendezés a kijelző alkalmazása után: Flex az elemeket a főtengely mentén balról jobbra kell elrendezni. Az alábbi animáció bemutatja, hogy mikor mi történik Flex - irány : oszlop hozzáadódik a tartály elem. Te is meg flex - irány sor- és oszlop-visszafordításhoz.

Ajánlott: