AnyCSS
首页
工具
代码库
教程
关于
首页
工具
代码库
教程
关于
Flexbox 布局生成器
容器设置
flex-direction:
row
column
row-reverse
column-reverse
justify-content:
center
flex-start
flex-end
space-between
space-around
space-evenly
align-items:
center
flex-start
flex-end
stretch
baseline
flex-wrap:
wrap
nowrap
wrap-reverse
项目数量:
预览效果
1
2
3
复制代码
.container { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; }
复制