下面进入正题，有关于将溢出的文本用省略号代替的方法，不知道什么原因，我的程序用传统的代码无法解决：
.text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
在网上找了一些解决方法，比如设置一下width都不行，最后在一篇博客上找到了解决方法：
.text-deal{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; /* 追加这一行代码 */ }
转: https://blog.csdn.net/npu2017302288/article/details/80396665