有两种方案:

所有的都使用overflow:hidden;
使用vertical-align: bottom,就可以解决。
这是为什么呢?因为overflow:hidden和display: inline-block一起使用时会造成baseline的移动,所以高度就变得不一样了使用vertical-align: bottom就可以回到同一基线上。

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100px;
vertical-align: bottom;
最后修改:2020 年 11 月 04 日 09 : 05 AM
如果觉得我的文章对你有用,请随意赞赏