关于伸缩盒子的使用问题

1、项目中碰到一个问题添加省略号的问题；

display：flex;

添加省略号样式是无效的：

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

 在父盒子元素内的样式，是伸缩的，添加样式前必须删除；

 

.ellipsis {
    width:200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex:1;
}
这样伸缩盒子就可以伸缩添加省略号