Sobes.tech
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 savybes top, right, bottom, left.
  • Table Layout: Atkartoja lentelių elementų elgesį (display: table, display: table-cell ir 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-count ir column-width.