本文へスキップ
Flx

Flexboxプレイグラウンド

flex プロパティを調整して CSS をコピー。

1
2
3
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 8px;

Flexboxプレイグラウンドについて

Flexboxの主要プロパティをスライダー／セレクトで変えながらプレビューし、CSSをコピーできます。処理はブラウザ内で完結します。

使い方

  1. プロパティを調整
  2. プレビューを確認
  3. CSSをコピー

よくある質問（FAQ）

無料？

はい。

送信される？

いいえ。