本文主要包含box flex css3,css3 flex,css3 flex布局,css3中的flex,css3 display:flex等相关知识,佚名 希望在学习及工作中可以帮助到您
为了做移动端的前端项目开始学flex啦~!用了flex,再也不用担心排版啦。一起来快速上手吧!
在css上使用flex的语法
display: flex; /*按照需求加入各浏览器需求前缀*/
flex-direction
(适用于父类容器元素)
flex-direction:row;
- a
- b
- c
flex-direction:row-reverse;
- a
- b
- c
flex-direction:column;
- a
- b
- c
flex-direction:column-reverse;
- a
- b
- c
flex-wrap
(适用于父类容器元素)
设置或检索伸缩盒对象的子元素超出父容器时是否换行。
flex-wrap: nowrap | wrap | wrap-reverse
flex-wrap:nowrap;