flex布局，元素左右排列

当flex布局时，可以在父元素用justify-content调整子元素主轴位置。

有一种情况，需要大部分元素左对齐，只有最后一个右对齐。

子元素只有align-self可以调整辅轴的自身位置，主轴位置只能靠父元素设置。

float没用，可以用position: absolute调整但效果不理想。

https://www.w3.org/TR/css-flexbox-1/#auto-margins

利用margin的auto竟然可以达到这种效果。