display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
overflow: hidden 会导致元素的高度增加，去掉 overflow: hidden 后又不能实现省略号
原因是overflow：hidden和display: inline-block一起使用时会造成baseline的移动
只需给元素添加 vertical-align: bottom; 即可解决该问题
最终的元素样式
display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: bottom;
原文：https://www.cnblogs.com/ice5/p/15112808.html