Flex布局意为“弹性布局”，为盒模型提供巨大的灵活性 使用说明1 任何容器都可以使用flex布局 #160#160display flex2行内元素可以使用flex布局 #160#160display inlineflex外层flex容器的属性1。

你可以混合使用displaybox和displayflex来实现支持，我之前写过一篇文章flex混合写法详解，里面有详细说明，希望对你有帮助。

接下来就将对flex布局的几个重要知识点进行归纳采用flex布局的元素，称为flex容器flex container它的所有子元素自动成为容器成员，称为flex项目flex item如上图所示，该flex容器在纵横有两根轴，其中横向的称为。

aligncontent 在多行布局中，用于控制项目在交叉轴上的排列方式除了这些基本属性外，Flexbox API还提供了其他一些属性，用于控制项目的空间分配和溢出处理，以及容器的边缘和填充使用Flex布局，您可以轻松地在各种屏幕尺寸。

前端应知应会flex布局详解 flex布局可以说是当下前端开发必须学会的一个基本技能，它在面试中的出场率也很高，有必要专门讲解一下flex布局全称flexible box布局模型，是一种比较高效的css3布局方案 通过设置元素的display。

那Flex布局就是Flexible Box布局的缩写，就译为弹性盒子布局，用来对一个盒子进行灵活的布局 在了解Flex布局之前，我们得先了解一下Flex布局里的两对儿 重要的 概念 采用Flex布局的组件，被称为Flex容器flex container，简称容器conta。