Junior
Kādus CSS izkārtojumus tu zini?
sobes.tech AI
Atbilde no AI
- Flexbox: Vienasluoksnē sistēma elementu izlīdzināšanai konteinerā pa vienu asi (horizontāli vai vertikāli). Ideāli piemērots mazām komponentēm un elementu izlīdzināšanai iekšā blokā.
- Grid Layout: Divu asi sistēma sarežģītu režģu veidošanai lapā. Ļauj viegli pārvaldīt elementu izvietojumu gan rindās, gan kolonnās. Ideāli piemērots lapas galvenajam izkārtojumam.
- Block Layout: Standarta bloka elementu uzvedība. Elementi aizņem visu pieejamo platumu un izvietojas viens zem otra.
- Inline Layout: Elementi izvietojas vienā rindā, aizņemot to saturam atbilstošu platumu.
- Positioned Layout: Ļauj pozicionēt elementus attiecībā uz to normālo pozīciju, vecāku elementu vai skatīšanās logu, izmantojot
position(static, relative, absolute, fixed, sticky) un īpašībastop,right,bottom,left. - Table Layout: Atkārto tabulu elementu uzvedību (
display: table,display: table-cellutt.). Mazāk lietots nekā Grid vai Flexbox, lai veidotu tabulu struktūras. - Multi-column Layout: Ļauj sadalīt konteinera saturu vairākās kolonnās, kā laikrakstā. Kontrolē ar īpašībām
column-countuncolumn-width.