超出宽度，显示省略号
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
需要注意的是，在移动端在flex元素中的内容进行省略文字的操作，则flex失效，flex之外的内容宽度不受控制，图片宽度无法撑起，解决办法如下：给设置了flex:1;弹性宽度的div设置最小宽度为0可以解决此问题。
flex:1; min-width:0
转载博客：https://blog.csdn.net/qq_16390749/article/details/54864328
原文：https://www.cnblogs.com/renxiao1218/p/11984803.html