加overflow:hidden属性后样式错位

 

 

 

想加个超出显示省略号, 结果写完之后发现样式错位了, 经过排查之后发现是overflow:hidden属性导致的, 然后找到了下面老哥的回答:

 

原文链接: https://blog.csdn.net/chern1992/article/details/107025021/

 

实测vertical-align属性top和bottom都可以, middle还是会有点错位