display: flex;
flex-flow: row wrap; //clom为垂直
justify-content: space-around;
order：1；//数越大越靠后
nowrap的情况：
Paste_Image.png
justify-content：
Paste_Image.png
align-content:
Paste_Image.png
其他（对齐等）：https://segmentfault.com/a/1190000002910324
display: flex;
flex-flow: row wrap; //clom为垂直
justify-content: space-around;
order：1；//数越大越靠后
nowrap的情况：
Paste_Image.png
justify-content：
Paste_Image.png
align-content:
Paste_Image.png
认识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/fdyccxtx.html
网友评论