flex布局中text-overflow失败我们在开发中经常会遇到这种布局，要求文字垂直居中，垂直居中的时候用到了省略号，有兼容性最好是flex布局，但是在flex布局下出现text-overflow故障示例代码{显示：弹性；对齐项目：居中；}.item{高度：40px；背景颜色：浓汤；溢出：隐藏；text-overflow:ellipsis;}出现如下效果，我们可以看到over-flow属性是有效的，但是text-overflow失效了。解决方法一、在文字外面再包裹一层div元素div>.flex{显示：flex;对齐项目：居中；}.item{高度：40px；背景颜色：浓汤；}.item-con{溢出：隐藏；文本溢出：省略号；}
