Junior
Milliseid CSS-paigutusi sa tead?
sobes.tech AI
Vastus AI-lt
- Flexbox: Ühe telje süsteem elementide joondamiseks konteineris ühel teljel (horisontaalne või vertikaalne). Ideaalne väikeste komponentide ja elementide joondamiseks bloki sees.
- Grid Layout: Kahe telje süsteem keerukate võrkude loomiseks lehel. Võimaldab hõlpsasti hallata elementide paigutust nii ridades kui ka veergudes. Ideaalne lehe põhiseadistuse jaoks.
- Block Layout: Vaikimisi plokielementide käitumine. Elemendid võtavad kogu saadaval laiuse ja paiknevad üksteise all.
- Inline Layout: Elemendid paiknevad ühel real, võttes nende sisu laiuse.
- Positioned Layout: Võimaldab positsioneerida elemente nende normaalse asukoha, vanemelemendi või vaateakna suhtes, kasutades
position(static, relative, absolute, fixed, sticky) ja omadusitop,right,bottom,left. - Table Layout: Taastab tabelielementide käitumise (
display: table,display: table-celljne). Kasutatakse vähem kui Grid või Flexbox, tabelistruktuuride loomiseks. - Multi-column Layout: Võimaldab jagada konteineri sisu mitmeks veeruks, nagu ajalehes. Kontrollitakse omadustega
column-countjacolumn-width.