flex 布局基本概念
flex-direction 方向 （默认row）
flex-wrap 换行 （默认nowrap）
flex-flow 上面两个属性的综合
justify-content 主轴方向的对齐方式
align-items 侧轴方向的对齐方式
align-content 多根轴线的对齐方式
flex-grow 增长比例（空间过多时，默认为 0，不放大）
flex-shrink 收缩比例（空间不够时，默认为 1，空间不够会缩小）
flex-basis 默认大小（一般不用）
flex 上面三个的综合
order 元素的展示顺序（值越小越先展示）
align-self 自身的对齐方式（默认值为 auto，继承父元素的 align-items 属性，若没有父元素，则等同于 stretch [ 每列高度与改行最高列相同 ]）
参考文献
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
认识flex布局 flex布局（Flexible 布局，弹性布局）开启了flex布局的元素叫flex contai...
FLEX布局 一种新的布局方式，flex布局 flex布局与方向无关 flex布局可以实现空间自动分配、自动对齐。...
一、Flex 布局教程：语法篇 Flex 布局教程：语法篇 二、Flex 布局教程：实例篇 Flex...
css flex布局详解 css flex布局详解1css flex布局详解2
阮一峰-Flex布局 阮一峰-Flex布局实例教程 Flex布局 块级元素 行内元素 注意，设为 Flex 布局...
经典教程 Flex 布局教程：语法篇Flex 布局教程：实例篇flex布局游戏 理解 flex布局实现需要至少两层...
Flex，(Flexible Box），意为"弹性布局"采用 Flex 布局的元素，为 Flex 容器（flex ...
css flex布局 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称“容器...
一、介绍Flex布局 什么是Flex布局呢？Flex布局：又称弹性布局，它是Flexible Box 的缩写，它为...
一、flex布局介绍： 1、又名Flexible 布局，弹性布局；2、开启了 flex 布局的元素叫 flex c...
本文标题：flex 布局
本文链接：https://www.haomeiwen.com/subject/ixgrgctx.html
网友评论