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-direction> || <flex-wrap>;
     flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]

项目属性：
排序：
     order: <integer>;

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

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

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

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


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

刷新按钮和翻页按钮居中

<div class="table-header" style="align-items: center;margin-bottom: 10px;">

<i class="el-icon-refresh refresh" @click="refresh()"></i>
            <el-pagination @size-change="changeSize" @current-change="changePage" :current-page="page"
             :page-sizes="[20,40,60,80]" :page-size="rows" layout="total, sizes, prev, next" :total="contentTotal"></el-pagination>