Murelio

必要な機能を読み込んでいます。

CSS Flexbox生成

direction・justify・align・gapからFlexbox container CSSを生成します。

使い方

  1. 各controlを選びます。

主な機能と処理範囲

row/column系と代表alignment値をpreviewします。

処理の仕組み

display:flexと選択propertyを出します。

例

例: row・space-between・center・16px gapで横方向の分散layoutになります。

こんな場面で便利

  • toolbar layout草案に

利用前の確認

  • wrap・grow等item propertyは非対応です。

よくある質問

wrap設定?

いいえ。

関連ツール