Përmbajtje:

Çfarë është një kontejner Flexbox?
Çfarë është një kontejner Flexbox?

Video: Çfarë është një kontejner Flexbox?

Video: Çfarë është një kontejner Flexbox?
Video: Portfolio Image Auto Scroll Effect Elementor FlexBox Containers 2024, Nëntor
Anonim

A enë përkulëse zgjeron artikujt për të mbushur hapësirën e lirë të disponueshme ose i zvogëlon ato për të parandaluar tejmbushjen. Më e rëndësishmja, flexbox faqosja është agnostike e drejtimit në krahasim me paraqitjet e rregullta (blloku i cili është i bazuar vertikalisht dhe inline i cili është i bazuar në horizontale).

Në lidhje me këtë, si e përdorni Flexbox?

Përmbledhje

  1. Përdorni ekranin: flex; për të krijuar një enë fleksibël.
  2. Përdorni justify-content për të përcaktuar shtrirjen horizontale të artikujve.
  3. Përdorni align-item për të përcaktuar shtrirjen vertikale të artikujve.
  4. Përdorni drejtimin fleksibël nëse keni nevojë për kolona në vend të rreshtave.
  5. Përdorni vlerat e kundërt të rreshtit ose të kundërt të kolonës për të kthyer rendin e artikujve.

si e bëni një enë Flex? Përpara se të përdorni ndonjë flexbox pronë, ju duhet të përcaktoni a enë përkulëse në paraqitjen tuaj. Ju krijoni një enë fleksibël duke vendosur vetinë e shfaqjes së një elementi në një nga flexbox vlerat e paraqitjes: përkul ose inline- përkul . Si parazgjedhje, përkul artikujt vendosen horizontalisht në boshtin kryesor nga e majta në të djathtë.

Në këtë mënyrë, për çfarë përdoret Flexbox?

Flexbox është një model shtrirjeje që lejon elementët të rreshtojnë dhe shpërndajnë hapësirën brenda një kontejneri. Duke përdorur gjerësi dhe lartësi fleksibël, elementët mund të rreshtohen për të mbushur një hapësirë ose për të shpërndarë hapësirën midis elementeve, gjë që e bën atë një mjet të shkëlqyeshëm për përdore për sistemet e projektimit të përgjegjshëm.

Cili është orientimi i paracaktuar brenda një kontejneri Flex?

Të default rregullimi pas aplikimit të ekranit: përkul është që artikujt të vendosen përgjatë boshtit kryesor nga e majta në të djathtë. Animacioni më poshtë tregon se çfarë ndodh kur përkul - drejtimin : kolona shtohet në enë element. Ju gjithashtu mund të vendosur flex - drejtimin në rresht-reverse dhe kolonë-reverse.

Recommended: