文本溢出解决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; //溢出不换行
当然也可以使用其他方式达到文本溢出的隐藏解决效果