From the course: CSS Layouts: From Float to Flexbox and Grid
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
Flexible sizing - CSS Tutorial
From the course: CSS Layouts: From Float to Flexbox and Grid
Flexible sizing
- [Pripovedač] Kada se pokrene flek kontejner, flek stavke automatski menjaju veličinu. Ali ponekad ćete možda morati da podesite određenu veličinu za flek stavke. Definisanje aspekt flek rasporeda je sposobnost da se flek stavke flek, menja njihovu širinu ili visinu da popuni raspoloživi prostor u glavnoj dimenziji. Postoje tri osobine koje se koriste zajedno za podešavanje veličine flek stavki. Flek-baza postavlja početnu veličinu. Flek-raste određuje kako će se stavke proširiti ako postoji dodatni prostor u kontejneru. I flek-shrink određuje kako će se predmeti smanjiti ako nema dovoljno prostora u kontejneru. V3C preporučuje korišćenje skraćenog svojstva, flek, kako bi se izbeglo resetovanje bilo koje vrednosti koje nisu posebno definisane. Da biste koristili skraćenicu svojstvo, prvo proglasite vrednost flek-rast. Zatim vrednost flek-shrink, završava sa flek-bazne vrednosti. Flek-raste i flek-skuplja svojstva su…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
Getting started with Flexbox2m 41s
-
(Locked)
Orientation with flex-direction and flex-wrap2m 37s
-
(Locked)
Flexible sizing5m 18s
-
(Locked)
Sizing multiple flex items1m 18s
-
(Locked)
The order property54s
-
(Locked)
Nesting flex containers3m 40s
-
(Locked)
Exercise: Build a layout with Flexbox, part 16m 29s
-
(Locked)
Exercise: Build a layout with Flexbox, part 23m 16s
-
-
-