css手册

flex:

 

主轴方向
    flex-direction: row | row-reverse | column | column-reverse;

是否换行：
     flex-wrap: nowrap | wrap | wrap-reverse;

主轴对齐方式：
     justify-content: flex-start | flex-end | center | space-between | space-around;

交叉轴对齐方式：
     align-items: flex-start | flex-end | center | baseline | stretch;

多轴线对齐方式（正常不起作用）：
    align-content: flex-start | flex-end | center | space-between | space-around | stretch;

简写合集：
     flex-flow:  || ;
     flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]

项目属性：
排序：
     order: ;

放大比例：
    flex-grow: ; /* default 0 */

压缩比例：
    flex-shrink: ; /* default 1 */

主轴长度：
    flex-basis:  | auto; /* default auto */

单个项目交叉轴对齐方式：
    align-self: auto | flex-start | flex-end | center | baseline | stretch;


问题：
普通子元素的剧中，最后一个居右
    margin-left: auto;

刷新按钮和翻页按钮居中