←
📦
☀️
🌙
🇮🇳
HI
▼
🇺🇸
English
🇸🇦
العربية
🇩🇪
Deutsch
🇪🇸
Español
🇫🇷
Français
🇮🇳
हिन्दी
🇮🇹
Italiano
🇯🇵
日本語
🇰🇷
한국어
🇳🇱
Nederlands
🇳🇴
Norsk
🇵🇱
Polski
🇧🇷
Português
🇷🇺
Русский
🇸🇪
Svenska
🇹🇭
ไทย
🇹🇷
Türkçe
🇨🇳
中文
←
📦
CSS Flexbox Generator
☆
?
×
📦
CSS Flexbox Generator
☆
Add to favorites
インタラクティブビルダーでCSS Flexboxレイアウトを視覚的に生成します。配置、方向、折り返しを調整できます。CSSを手書きせずにレスポンシブレイアウトを作成できます。
flex-direction
row
row-reverse
column
column-reverse
justify-content
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items
stretch
flex-start
flex-end
center
baseline
flex-wrap
nowrap
wrap
wrap-reverse
gap:
10
px
Item Count:
4
コピー CSS
CSS 出力