CSSフレックスボックス・ジェネレーター

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を有効にしてください。