Flexbox: Одноосевая система для выравнивания элементов в контейнере по одной оси (горизонтальной или вертикальной).
Какие CSS-раскладки ты знаешь?
Flexbox: Одноосевая система для выравнивания элементов в контейнере по одной оси (горизонтальной или вертикальной).
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
- 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.