デザイン

CSS Flexbox生成

フレックスレイアウトを視覚的に構築する。

レイアウトレシピ (10プリセット)

選択中の子ども設定

フレックスレイアウトを視覚的に構築

レシピを選ぶか、コントロールを調整 — プレビューがライブ更新されます。.containerルールをスタイルシートにコピー。

よくある質問

何を生成する?

方向、配置、折り返し、gapを含む、そのままコピーできる.container flexルールです。子要素数を調整できるライブプレビューも付いています。

レイアウトレシピとは何ですか?

ナビバー、中央配置のヒーロー、カード行、サイドバーシェル、縦積み、フッターバーなど、開発者が日常的に使う十種類のワンクリックプリセットです。

何かがアップロードされますか?

いいえ。CSSはすべてブラウザ内で生成されます。

最終更新日: