一、flex-grow、flex-shrink、flex-basis属性flex-grow: 定义剩余空间的分成。默认为0，即如果存在剩余空间，也不放大。flex-shrink: 定义了项目的缩小比例。flex-shrink的默认值为1

不值一提的 flex-basis ，却给文本溢出添加省略号这个小小的功能带来很多了麻烦。下面来演示一下。1. flex 家族flex 里有很多的属性，我们经常用到的就是如下 *** 作：.container {display: flex;}.

flex-grow、flex-shrink、flex-basis三个属性的作用：在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。(注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(