flexbox布局总结

Flexbox伸缩容器（父级）

display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;

x-settings需要设置自动填充屏幕剩余宽度，同时该模块内的子元素需要居右显示，因此它既要作为一个伸缩项目，又要作为一个伸缩容器

display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;