[Flex弹性布局] 1、了解两个基本概念： 容器：需要添加弹性布局的父元素； 项目：弹性布局容器中的每一个子元素，称为项目； 2、弹性布局的使用？ ① 给父容器添加display: flex/inline-flex;属性，即可使容器内容采用弹性布局显示，而不遵循常规文档流的显示方式 ...

地址：http://www.runoob.com/css3/css3-flexbox.html 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成 ...

Flex(弹性布局)，是一种响应式布局，能自动伸缩盒模型达到自适应的效果。 弹性布局由弹性容器(flex container)和弹性项目(flex item)组成。 在弹性容器中，水平方向称为主轴(main axis)(起点main start,终点main end)；垂直方向称为纵轴 ...

简介 Flex 布局（Flexible布局，弹性盒子）是在开发中常用的布局方式； 开启了 flex 布局的元素叫 flex container flex container 里面的直接元素叫做 flex items 设置 display 属性为 flex ...

Flex模型 元素表现为 flex 框时，它们沿着两个轴来布局： 主轴（main axis）是沿着 flex 元素放置的方向延伸的轴（比如页面上的横向的行、纵向的列）。该轴的开始和结束被称为 main start 和 main end。 交叉轴（cross axis）是垂直于 ...

弹性盒子布局方式：.box{ display:flex;}@设为Flex布局后，子元素的float、clear和vertical-align属性将失效@采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex ...

Flex是Flexible Box的缩写，意为"弹性布局"。任何一个容器都可以指定为Flex布局，块级元素为display:block，行内元素为display:inline-flex。 注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 以下 ...

等分：平均分布。在容器里面平均分配空间，需要设置项目的自动缩放。 section{ display:-webkit-flex; display: flex; } article,as ...