overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
单行下，使用以上代码，就可以实现省略号效果，请注意！ 使用这行代码的标签的父标签一定要有具体宽高，经测试，flex布局下的 flex:1 无效。
关于文本溢出自动显示省略号
原文：https://www.cnblogs.com/hjk1124/p/12067698.html
