css手册

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zfzfzz/article/details/88795726

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;