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касиеттерин колдонуу менен көзөмөлдөнөт.