Генератор Flexbox CSS
Создавайте CSS Flexbox-макеты с предпросмотром в реальном времени. Настраивайте направление, выравнивание, перенос и отступы. Бесплатно, 100% в браузере.
Предпросмотр
CSS-код
Справка
О CSS Flexbox
CSS Flexbox — одномерная модель компоновки для размещения элементов в строке или столбце. Обеспечивает гибкое распределение пространства и выравнивание элементов.
Основные свойства
flex-direction — определяет основную ось. justify-content — выравнивание вдоль основной оси. align-items — выравнивание вдоль поперечной оси. flex-wrap — перенос элементов. gap — отступы между элементами.
Конфиденциальность
Вся обработка выполняется на 100% в вашем браузере. Данные никогда не отправляются на сервер.