Junior
Kokius CSS išdėstymus žinai?
sobes.tech AI
Atsakymas iš AI
- Flexbox: Vienos krypties sistema elementų išlyginimui konteineryje vienoje ašyje (horizontaliai arba vertikaliai). Puikiai tinka mažiems komponentams ir elementų išlyginimui viduje bloko.
- Grid Layout: Dviejų krypčių sistema sudėtingoms tinkleliams kurti puslapyje. Leidžia lengvai valdyti elementų išdėstymą tiek eilutėse, tiek stulpeliuose. Idealiai tinka pagrindiniam puslapio maketui.
- Block Layout: Standartinis blokinių elementų elgesys. Elementai užima visą prieinamą plotį ir išsidėsto vienas po kitu.
- Inline Layout: Elementai išsidėsto vienoje eilutėje, užimdami jų turinio plotį.
- Positioned Layout: Leidžia pozicionuoti elementus atsižvelgiant į jų įprastą padėtį, tėvinį elementą arba peržiūros langą naudojant
position(static, relative, absolute, fixed, sticky) ir savybestop,right,bottom,left. - Table Layout: Atkartoja lentelių elementų elgesį (
display: table,display: table-cellir kt.). Mažiau naudojama nei Grid ar Flexbox, kuriant lentelines struktūras. - Multi-column Layout: Leidžia padalinti turinį į kelias kolonas, kaip laikraštyje. Valdomas savybėmis
column-countircolumn-width.