我有一個按鈕,大多由每個按鈕的單個字符組成。在其中一個按鈕中有一個圖像。不幸的是,包含圖像的按鈕不能正確對齊它的buttonset中的其他圖像,並且它也不是正確的高度。如果需要截圖,可以提供。Jquery buttonset大小問題與圖像
Here is a jsFiddle準確地代表我遇到的問題。最好我想要一個適用於任何尺寸圖像的解決方案。
我有一個按鈕,大多由每個按鈕的單個字符組成。在其中一個按鈕中有一個圖像。不幸的是,包含圖像的按鈕不能正確對齊它的buttonset中的其他圖像,並且它也不是正確的高度。如果需要截圖,可以提供。Jquery buttonset大小問題與圖像
Here is a jsFiddle準確地代表我遇到的問題。最好我想要一個適用於任何尺寸圖像的解決方案。
所以我最終搞清楚了。 vertical-align
屬性設置爲基線,因此我將其更改爲top
。另外,我使用這個css代碼片段將按鈕內的任何圖像更改爲其餘按鈕的大小。
span.ui-button-text > img{
height: 1.1em; // This is jQuery UI default font-size for buttons.
}
我不知道我能想像你的問題是什麼。我建議使用Fiddle 並將代碼放入其中,以便我們可以查看可能存在的問題或正如您所說的屏幕截圖。如果它與CSS相關,那麼我會把我的機會放在這個特定情況的vertical-align屬性上?不過,我可能會離開。
我已經更新了問題,包括一個工作小提琴。 – Vap0r 2012-08-07 13:55:37