遇到了一个bug 就是display：flex 遇到的bug原型就是，项目容器的diaplay:flex ,一行项目五个，到最后一行只剩两个的时候 是两端对齐的，如果再添加的话 也就是两端各一个子元素 加中间一个，占满对齐，解决方案还未知，这是display:flex的缺点？看网评。前几年 ...

1. display(元素显示模式) display 属性用来设置元素的显示方式。 block 块对象指的是元素显示为一个方块，默认显示状态下将占据整行，其它的元素只能另起一行显示。 inline 行间对象与block刚好相反，它允许其它元素在同一行显示。 none 隐藏对象 ...

一：display:flex 布局 display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写，意为"弹性布局"，用来 ...

参考文章：　 阮大神的：Flexbox 布局的最简单表单（主要讲解项目item上的属性） 另一位大神的：布局神器display:flex（整体讲解的非常详细） 　　 之前没有仔细看flex布局（弹性布局），设置子元素垂直居中都是通过css样式设置的，最近看了flex的布局方式，感觉太好 ...

使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item）。容器拥有两根隐形的轴，水平的主轴（main axis），和竖直的交叉轴。主轴开始的位置，即主轴与右边框的交点，称为main start；主轴结束的位置称为main end；交叉 ...

一般的布局是基于盒模型，使用display属性 + float属性 + position属性。flex是h5中新增的页面布局方案。 一：flex布局是什么。 flex是Flexible Box，就是“弹性布局”。它具有非常好的灵活性。 任何容器都可以开启弹性布局。 .box ...

上代码： 这个是针对父元素： 父元素设为display:flex;没有问题，但子元素flex:1这种标注在safari中不能用！ 子元素使用的话只能设为flex:auto，如果想实现flex:1这种效果，请用： 这三个拆分的元素 ...

弹性布局display: flex，使用此种布局方式，则无需使用浮动了，总之十分方便。 常用： 在父级设置： display: flex;将对象作为弹性伸缩盒显示 justify-content: space-around;水平排列方式的设置，具体值根据需要设置，不需要记 ...