您的位置: 首页 > 文章 > flex 弹性盒子01

flex 弹性盒子01

分类: 文章 • 2022-10-09 17:08:17

flex-direction：

flex-direction: row | row-reverse | column | column-reverse

justify-content

justify-content: flex-start | flex-end | center | space-between | space-around

http://www.runoob.com/wp-content/uploads/2016/04/2259AD60-BD56-4865-8E35-472CEABF88B2.jpg flex 弹性盒子01

align-items ：

align-items: flex-start | flex-end | center | baseline | stretch

flex-wrap ：

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

子属性：

居中:

在弹性盒子中完美居中只需要在子标签中添加marin-auto即可