我对inline-block元素有同样的问题。我尝试了很多方法-调整行高，将垂直对齐方式预先设置为中间或底部，甚至将父级更改为display：flex以使内部元素居中与justify-content：center居中。我花了整整一天的时间才发现问题不是CSS，甚至不是浏览器本身，而是我使用的字体和操作系统。我使用的是Helvetica Neue，当您想要将字形垂直居中放置在Mac OS上时，它实际上是annoying。在Windows上同样可以正常工作。
我强烈推荐this stackoverflow帖子，以帮助那些在Mac上遇到字体呈现差异的人。
干杯！