flex实现 justify-self类似 的布局

本文持续更新中......
使用felx时，发现可以用align-self去调整align-items,却没有justify-self调整justify-content。以下是总结的几种方法，热烈欢迎大佬评论区提供更多方法。

场景：左、中、右三个块，实现左、中位居左侧，右块位居右端。
1、中、右块中间加空白方块；
2、对右块添加margin-left: auto;则直接位于最右端。
原理：margin-left 不设置的话默认是0，父容器width 定宽之后，margin-right取值为 auto ，则自动占据了剩余的全部宽度。相对应的，类似的也可以设置margin-left.