Junior
62
questionbank

Какие CSS-раскладки ты знаешь?

Получайте ответы на вопросы в реальном времени с Sobes Copilot→
Ответ от нейросети sobes.tech
  • 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.