教育系统开发找廖经理【开发软件请联系上方】广州开发公司，教育小程序开发，教育APP系统软件开发，教育APP软件开发，教育APP系统开发，教育软件系统开发，教育小程序开发，教育开发模板什么是flexbox?

Flexbox Layout(Flexible Box)模块，W3C官方称为CSS弹性盒子布局，是在CSS3中定义的一种新的布局模式。

相对于传统的布局解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。Flex布局，可以更简便、完整、响应式地实现各种页面布局,目前已得到所有浏览器的支持,Flex布局将成为未来布局的方案

语法知识:

讲语法知识之前,先来了解下这张图,了解flex布局的盒子模型以及相关术语

flex盒子模型由容器（flex container）以及容器的直接子元素（flex item）组成。

以容器（flex container）定义，有主轴（main axis）以及交叉轴（cross axis）,主轴的开始位置（与边框的交叉点）叫做main start,结束位置叫做main end.交叉轴的开始位置叫做cross start，结束位置叫做cross end。