文本溢出解决text-overflow: ellipsis；不生效的问题

overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行

但是如果将此元素的布局格式为：flex就会失效

display: flex;
align-items: center;
overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行

当然也可以使用其他方式达到文本溢出的隐藏解决效果