☰
CSS Flexbox 生成器
搜索
广告位 - 欢迎投放
CSS Flexbox 生成器
可视化调节 Flexbox 布局并生成 CSS 代码
1
2
3
4
5
flex-direction
row 水平
row-reverse 水平反向
column 垂直
column-reverse 垂直反向
flex-wrap
nowrap 不换行
wrap 换行
wrap-reverse 反向换行
justify-content
flex-start 起点对齐
flex-end 终点对齐
center 居中
space-between 两端对齐
space-around 等距环绕
space-evenly 完全均匀
align-items
stretch 拉伸
flex-start 起点
flex-end 终点
center 居中
baseline 基线
align-content
normal
flex-start
flex-end
center
space-between
space-around
stretch
gap
8
px
容器高度
260
px
项目数量
CSS 代码
复制