overflow: hidden 不生效

现象：当我们在开发的时候使用overflow: hidden 属性发现元素不生效，此时可能的原因就是父级 或祖先级设置了 display:flex；

解决方案：给对应的子元素设置 width:0, 也有设置 flex:none ;(不让子元素自动压缩) 

代码如下（使用的是width;0）

代码如下：

.body-info{

      display:flxe;

      ...其他样式 

      p{

          flex:6;

          width:0;

           white-space:nowrap;

           text-overflow:ellipsis;

           overflow:hidden;

      }

}