css - 显示 :inline-block not centering vertically in Chrome

Question

尽管在其他浏览器中一切正常，但右上角的按元素排序在谷歌浏览器(最新版本)中并未垂直居中。无法真正弄清楚为什么会发生这种情况。如果我减少宽度，它会起作用，否则不会。

Answer 1

问题解决了。 Chrome 中非常奇怪的事情: 如果您使用的是显示内联 block ，则需要指定 vertical-align:top 否则它将转到基线，这是默认设置。即使您有通常有效的行高，Chrome 也会忽略它。