jquery - 图像的 Jquery 按钮集大小问题

Question

我有一个按钮集，它主要由每个按钮的单个字符组成。在其中一个按钮中有一个图像。不幸的是，包含图像的按钮无法与按钮集中的其他图像正确对齐，而且它的高度也不是正确的。如果需要截图，可以提供。

---

这是一个准确代表我遇到的问题的 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.
}