jquery - 画像に関するJqueryボタンセットのサイズ設定の問題

Question

ボタンセットは、ほとんどがボタンごとに1文字で構成されています。ボタンの1つに画像があります。残念ながら、画像を含むボタンは、ボタンセット内の残りの画像と正しく位置合わせされておらず、高さも正しくありません。スクリーンショットが必要な場合は、これを提供できます。

---

これが私が抱えている問題を正確に表す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.
}