Разработка и интерфейсы

Flexbox

Илья Тарасов — Flexbox
МатериалFlexboxtarasovcode

Модель CSS для распределения элементов вдоль одной главной оси. Flex-контейнер управляет направлением, выравниванием, промежутками и переносом дочерних элементов. Она подходит для строк кнопок, панелей действий и компактных групп, где порядок идет преимущественно в одном измерении.

Пример на практике

В строке заголовка Flexbox размещает текст слева, а кнопку действий справа.

Когда пригодится

Выбирайте направление и перенос с учетом узких экранов.

Что важно учитывать

Flex-элемент по умолчанию может сжиматься; длинное содержимое иногда требует min-width: 0.

Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов

Вернуться к 400 терминам