Sobes.tech
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 omadusi top, right, bottom, left.
  • Table Layout: Taastab tabelielementide käitumise (display: table, display: table-cell jne). 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-count ja column-width.