CSS Flexbox ジェネレーター

flex コンテナパラメータをビジュアルで調整、レイアウト効果をリアルタイムプレビューし CSS コードをワンクリックコピー。完全無料オンラインツール。

flex-direction

justify-content

align-items

flex-wrap

gap12px

子项数量4

预览

display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 12px;

デザインツール · 関連ツール