INHOUDSOPGAWE:

Hoe gee jy spasie in Flex?
Hoe gee jy spasie in Flex?

Video: Hoe gee jy spasie in Flex?

Video: Hoe gee jy spasie in Flex?
Video: Kris Kross Amsterdam x Ronnie Flex x Zoë Tauran - Adrenaline (Lyric Video) 2024, April
Anonim

Om items aan die einde van die te plaas buig lyn, stel regverdig-inhoud na buig -einde. Die waardesentrum plaas buig items in die middel van die lyn, met gelyke hoeveelhede leeg spasie tussen die lyn se beginrand en die eerste item. Die waarde spasie -tussen vertoon gelyke spasiëring tussen buig items.

Net so, hoe posisioneer jy buigsame items?

Opsomming

  1. Gebruik vertoning: flex; om 'n buigsame houer te skep.
  2. Gebruik justify-content om die horisontale belyning van items te definieer.
  3. Gebruik align-items om die vertikale belyning van items te definieer.
  4. Gebruik buigrigting as jy kolomme in plaas van rye benodig.
  5. Gebruik die ry-omgekeerde of kolom-omgekeerde waardes om itemvolgorde om te draai.

Ook, wat is Flex fill? A buig houer brei items uit na vul beskikbare vrye spasie of krimp hulle om oorloop te voorkom. Die belangrikste is dat die flexbox-uitleg rigting-agnosties is in teenstelling met die gewone uitlegte (blok wat vertikaal gebaseer is en inlyn wat horisontaal gebaseer is).

Eenvoudig so, kan ek regverdige inhoudspasie rondom gebruik?

Die " spasie -gelyk" waarde vir die regverdig - inhoud eiendom versprei die spasie tussen items eweredig. Dit is soortgelyk aan spasie - rond maar verskaf gelyk in plaas van halfgroot spasie op die rande. Kan wees gebruik word in beide CSS flexbox & grid.

Wat is die verstek-oriëntasie binne 'n Flex-houer?

Die verstek reëling na toepassing van vertoning: buig is dat die items van links na regs langs die hoof-as gerangskik moet word. Die animasie hieronder wys wat wanneer gebeur buig - rigting : kolom word by die houer element. Jy kan ook stel buig - rigting om te ry-omkeer en kolom-om te keer.

Aanbeveel: