display 子元素紧挨在一起，并根据内容自适应宽度

实现方法

//父元素
.flex{
      display: flex;
      flex-wrap: nowrap;
     }
//子元素
.child{
      flex-grow: 1;
     }

子元素不加 flex-grow: 1;的效果

子元素加flex-grow: 1; 之后 自适应父元素的宽度不留白