C
S
S
可
视
化
CSS生成器
动画
灵感
色彩
尺寸
字体
工具
主站
订阅
|
打赏
|
福利社
|
登录
/
注册
Flex布局可视化
预览
+ 添加项目块
✕
1
width：
150
height：
205
order：
0
align-self：
auto
flex-grow：
0
flex-shrink：
1
配 置
✕
2
width：
150
height：
300
order：
0
align-self：
auto
flex-grow：
0
flex-shrink：
1
配 置
✕
3
width：
150
height：
250
order：
0
align-self：
auto
flex-grow：
0
flex-shrink：
1
配 置
✕
4
width：
150
height：
205
order：
0
align-self：
auto
flex-grow：
0
flex-shrink：
1
配 置
⋙
盒子CSS代码
⋘
{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 5px }
⋙
选中项目CSS代码
⋘
{ width: 150px; height: 205px; order: 0; alignSelf: auto; flexBasis: auto; flexGrow: 0; flexShrink: 1; zIndex: 99 }
Flex盒
flex-direction
flex-wrap
justify-content
align-items
align-content
gap
row-gap
column-gap
推广
共 0 条评论
管理
最新
快来抢沙发...
0
10 / page
Go to
小助手
福利社
打赏
设置
