overflow:hidden影响布局，对不齐

a 与 b 都是 inline-block且高与父元素 c 相同均为 30px，而在a加上 overflow:hidden; 会使 a 的底线与整个父元素 c 的 text baseline 对齐，相当于 c 中的文本获得了两倍的空间，整个 c 的 高度变大，仔细观察例子不难发现，a 中字符的底线与 b 中的字符的顶线对齐了，

解决办法

添加vertical-align: bottom;解决基线对齐问题。

打赏

感谢支持与鼓励～