Përmbajtje:

Si i jepni hapësirë në Flex?
Si i jepni hapësirë në Flex?

Video: Si i jepni hapësirë në Flex?

Video: Si i jepni hapësirë në Flex?
Video: Shije shtëpie - Ndihma e parë, çfarë duhet të bëni në rast urgjence 2024, Nëntor
Anonim

Për të vendosur artikujt në fund të përkul linjë, vendos justify-content në përkul -fundi. Vendet qendrore të vlerës përkul artikujt në qendër të rreshtit, me sasi të barabarta bosh hapësirë midis skajit fillestar të rreshtit dhe artikullit të parë. Vlera hapësirë -ndërmjet tregon hapësirë të barabartë ndërmjet përkul artikujt.

Në mënyrë të ngjashme, si i poziciononi artikujt fleksibël?

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 flex 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.

Gjithashtu, çfarë është Flex fill? A përkul kontejneri zgjeron artikujt në mbush hapësirën e lirë në dispozicion ose i zvogëlon ato për të parandaluar tejmbushjen. Më e rëndësishmja, faqosja e flexbox-it është agnostike ndaj drejtimit në krahasim me paraqitjet e rregullta (blloku i cili është i bazuar vertikalisht dhe i linjës i cili është i bazuar në horizontale).

Thjesht kështu, a mund të përdor hapësirën e justifikimit të përmbajtjes përreth?

" hapësirë -vlera e barabartë" për justifikoj - përmbajtjen prona shpërndan hapësirë ndërmjet artikujve në mënyrë të barabartë. Është e ngjashme me hapësirë - përreth por siguron të barabartë në vend të gjysmës hapësirë në skajet. Mund të jetë të përdorura si në CSS flexbox ashtu edhe në rrjet.

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: