Flexbox: diferència entre les revisions
De FFAWiki
Cap resum de modificació |
Cap resum de modificació |
||
| Línia 13: | Línia 13: | ||
[[Fitxer:Basic.png|dreta|1000px]] | [[Fitxer:Basic.png|dreta|1000px]] | ||
*'''main axis / eix principal:''' És el llarg del "flex-container" el qual conte els "flex items". No necessàriament ha de ser horitzontal, pot ser de diferent manera amb "flex-direction" però això és per mes endavant. | *'''main axis / eix principal:''' És el llarg del "flex-container" el qual conte els "flex items". No necessàriament ha de ser horitzontal, pot ser de diferent manera amb "flex-direction" però això és per mes endavant. | ||
*'''main-start | main-end:''' Els "flex item" es col·loquen dins del contenidor ("flex container") | *'''main-start | main-end:''' Els "flex item" es col·loquen dins del contenidor ("flex container") dins d'un inici i un final (main-start | main-end). | ||
*'''main size / mida principal:''' l'amplada o l'alçada de l'element flex és la mida principal de l'element, aquesta mida principal és la peopietat "width" o "height", sigui quina sigui la dimensió principal. | *'''main size / mida principal:''' l'amplada o l'alçada de l'element flex és la mida principal de l'element, aquesta mida principal és la peopietat "width" o "height", sigui quina sigui la dimensió principal. | ||
*'''cross axis / eix creuat:''' L'eix perpendicular a l'eix principal s'anomena eix transversal. La seva direcció depèn de la direcció de l'eix principal. | *'''cross axis / eix creuat:''' L'eix perpendicular a l'eix principal s'anomena eix transversal. La seva direcció depèn de la direcció de l'eix principal. | ||
Revisió del 17:51, 10 gen 2021
Conceptes bàsics i terminologia
- El concepte flexbox no està composta d'una sola propietat com podria ser un simple with, sinó que està format d'un conjunt de propietats i per diferents objectes.
- Per exemple hi ha un element pare anomenat "flex container" que té unes propietats hi ha dins hi ha els fills anomenats "flex item" que tenen unes altres propietats.
- Cada una d'aquestes propietats es pot modificar.
- main axis / eix principal: És el llarg del "flex-container" el qual conte els "flex items". No necessàriament ha de ser horitzontal, pot ser de diferent manera amb "flex-direction" però això és per mes endavant.
- main-start | main-end: Els "flex item" es col·loquen dins del contenidor ("flex container") dins d'un inici i un final (main-start | main-end).
- main size / mida principal: l'amplada o l'alçada de l'element flex és la mida principal de l'element, aquesta mida principal és la peopietat "width" o "height", sigui quina sigui la dimensió principal.
- cross axis / eix creuat: L'eix perpendicular a l'eix principal s'anomena eix transversal. La seva direcció depèn de la direcció de l'eix principal.
