用途

主要针对html元素的两端对齐排列问题

主要方法

.flex {
    display:  flex;
    justify-content: space-between;
    align-items:  center;
}

将其设置为公共样式，在元素中加上class就好

关于Flex的使用
基本概念 css3 中Flex意为‘弹性布局’，采用css3 Flex布局的元素，称为Flex容器,它的所有子元素...
CSS 圣杯布局（左右固定、中间自适应）
CSS 圣杯布局 flex 布局（推荐）定位布局（推荐） css3 calc布局（影响性能，不推荐） flex:...
[读]响应式布局：CSS3弹性盒flex布局模型
响应式布局：CSS3弹性盒flex布局模型
flex布局.md
flex布局是Css3提供的新的布局属性，
从浅入深全面了解CSS3弹性盒布局模型
Reference阮一峰老师·Flex布局教程runoob·Flex布局一、CSS3弹性盒子弹性盒子是CSS3...
div布局浮动与定位，定位工具包
&关于浮动定位定位与浮动 &css3 阴影，变形，圆角，渐变色自动生成 &Flex布局学习 flex布局 &自...
flex.css：移动端 flex 布局
flex.css 快速布局什么是 flex.css css3 flex 布局相信很多人已经听说过甚至已经在开发中...
CSS布局之——Flex布局
随着CSS3的到来，Flex布局出现了，Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型...
flex布局
css3中引入了新的flex布局方式布局当父容器设置了成了flex容器，那么它的直接子元素就变成了 flex-...
CSS3伸缩布局
CSS3伸缩布局 CSS3中的 flex 属性，在布局方面做了非常大的改进，使得我们对多个元素之间的布局排列变得十...