CSS Flexbox 生成器

Build flexbox layouts visually · adjust container & item properties, see live preview, copy the CSS.

Container Properties

flex-direction

flex-wrap

justify-content

align-items

align-content

gap

Number of Items

需要 JavaScript

Absolutool 工具完全在浏览器中运行，需要 JavaScript 才能工作。请在浏览器设置中启用 JavaScript。