Question

我有一个按钮组，主要由每个按钮的单个字符组成。在其中一个按钮中有一个图像。不幸的是，包含图像的按钮与其按钮组中的其余图像没有正确对齐，也不是正确的高度。如果需要屏幕截图，可以提供此屏幕截图。

Here is a jsFiddle准确地代表了我所拥有的问题。最好是我想要一个适用于任何尺寸图像的解决方案。

Answer 1

我不确定我能说明你的问题是什么。我建议使用Fiddle 并将您的代码放入其中，以便我们可以查看可能存在的问题，或者如您所说，截图。如果它与CSS有关，我会把这个特定情况的vertical-align属性的机会考虑在内吗？不过，我可能会离开。

Answer 2

所以我最终搞清楚了。 vertical-align属性设置为基线，因此我将其更改为top。此外，我使用此css片段将按钮内的任何图像更改为其余按钮的大小。

span.ui-button-text > img{
  height: 1.1em; // This is jQuery UI default font-size for buttons.
}