CSS Flexbox生成
direction・justify・align・gapからFlexbox container CSSを生成します。
使い方
- 各controlを選びます。
主な機能と処理範囲
row/column系と代表alignment値をpreviewします。
処理の仕組み
display:flexと選択propertyを出します。
例
例: row・space-between・center・16px gapで横方向の分散layoutになります。
こんな場面で便利
- toolbar layout草案に
利用前の確認
- wrap・grow等item propertyは非対応です。
よくある質問
wrap設定?
いいえ。