Sobes.tech
Junior

Кайсы CSS бөлүштүрүүлөрүн билесиң?

sobes.tech AI

AIден жооп

  • Flexbox: Бир багыттуу систем, контейнердеги элементтерди бир ось боюнча (горизонталдуу же вертикалдуу) жайгаштыруу үчүн. Кичинекей компоненттер жана блок ичиндеги элементтерди жайгаштыруу үчүн идеалдуу.
  • Grid Layout: Ички эки багыттуу систем, баракчада татаал торлорду түзүү үчүн. Элементтердин жайгашуусун оңой башкарууга мүмкүндүк берет, как в строках, так и в столбцах. Баракчанын негизги макети үчүн эң ылайыктуу.
  • Block Layout: Стандарттык блок элементтердин жүрүм-туруму. Элементтер бардык жеткиликтүү кеңдикти ээлеп, бири астына бири жайгашат.
  • Inline Layout: Элементтер бир сапта жайгашып, алардын мазмунуна ылайык кеңдикти ээлейт.
  • Positioned Layout: Элементтерди алардын нормалдуу жайгашуусуна салыштырмалуу, ата-элементке же көрүү терезесине position (static, relative, absolute, fixed, sticky) жана top, right, bottom, left касиеттерин колдонуп жайгаштыруу мүмкүнчүлүгүн берет.
  • Table Layout: Таблица элементтеринин жүрүм-турумун кайталайт (display: table, display: table-cell жана башка). Grid же Flexboxка караганда азыраак колдонулат, таблица түзүү үчүн.
  • Multi-column Layout: Контейнердин мазмунун бир нече колонкага бөлүүгө мүмкүндүк берет, гезит сыяктуу. column-count жана column-width касиеттерин колдонуу менен көзөмөлдөнөт.