Flexboxレイアウトジェネレーター

オンラインFlexboxジェネレーター:方向・折り返し・整列・間隔を視覚的に設定し、レイアウトCSSをワンクリック生成。

使い方

レイアウトオプションを選ぶと、Flexboxコードとプレビューがリアルタイムに生成されます。

Data is processed entirely in your browser; nothing is uploaded to our servers.