display布局
原博地址: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 骰子实例: http://www.ruanyifeng.com/blog/2015/07/flex-examples.html display:flex 1. flex-direction:决定主轴的方向,水平和垂直 row (默认值):主轴为水平方向,起点在左端。 row-reverse :主轴为水平方向,起点在右端。 column :主轴为垂直方向,起点在上沿。 column-reverse :主轴为垂直方向,起点在下沿。 2. flex-wrap:是否换行 nowrap(默认):不换行 wrap:换行,第一行在上方 wrap-reverse:换行,第一行在下方 3. flex-flow flex-direction 属性和 flex-wrap 属性的简写形式,默认值为 row nowrap 。 4. justify-content:文本元素对齐方式 flex-start (默认值):左对齐 flex-end :右对齐 center : 居中 space-between :两端对齐,项目之间的间隔都相等。 space-around :每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。 5. align-items flex-start