灵活运用css flex:1;

参考文献：https://www.runoob.com/cssref/css3-pr-flex.html

图1-1

以下说明参照图1-1：

假设a是父组件，用flex布局设置子控件左右居中。

b是子控件，居左。width：150px;

c是子控件，居右。width不给，设置flex：1；

则

c.width = a.width-(a的margin和padding[左右])-b.width--(b的margin和padding[左右])-(c的margin和padding[左右])