CSS Flexbox
1
2
3
4
5
6
7
8
CSS Flexbox-uitlegmodule
Voor die Flexbox-uitlegmodule was daar vier uitlegmodusse:
- Blok, vir afdelings in 'n webblad
- Inlyn, vir teks
- Tabel, vir tweedimensionele tabeldata
- Geposisioneer, vir eksplisiete posisie van 'n element
Die buigsame boksuitlegmodule maak dit makliker om buigsame responsiewe uitlegstruktuur te ontwerp sonder om vlot of posisionering te gebruik.
Blaaierondersteuning
Die flexbox-eienskappe word in alle moderne blaaiers ondersteun.
29.0 | 11.0 | 22.0 | 10 | 48 |
Flexbox Elemente
Om die Flexbox-model te begin gebruik, moet jy eers 'n flex-houer definieer.
1
2
3
Die element hierbo verteenwoordig 'n buighouer (die blou area) met drie buigitems.
Voorbeeld
'n Buighouer met drie buigitems:
<div
class="flex-container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
Jy sal meer leer oor buighouers en buigitems in die volgende hoofstukke.