1.使用overflow: hidden把超出的内容进行隐藏；
2.然后使用white-space: nowrap设置内容不换行；
3.最后使用text-overflow: ellipsis设置超出内容为省略号
text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
html超出自动换行
原文：https://www.cnblogs.com/jyiqing/p/9314186.html
