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:
205
order:
0
align-self:
auto
flex-grow:
0
flex-shrink:
1
配 置
✕
3
width:
150
height:
205
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: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch }
⋙
选中项目CSS代码
⋘
{ width: 150px; height: 205px; order: 0; alignSelf: auto; flexBasis: auto; flexGrow: 0; flexShrink: 1 }
Flex盒
flex-direction
flex-wrap
justify-content
align-items
align-content
推广
共 0 条评论
管理
最新
快来抢沙发...
0
10 / page
Go to
小助手
打赏
设置