對齊按鈕中的JQuery UI圖標

Question

我在獲取圖標圖像以在我的按鈕中正確對齊時遇到了一些困難。如果你去http://jsfiddle.net/Vw9Z6/7/，你會注意到圖標漂浮比單詞「繼續」更高。我希望圖標和單詞「繼續」位於同一行。我可以用margin-top來解決它，但在我看來，它可能不是可靠的，這取決於用戶的屏幕分辨率。

有關我如何解決這個問題的任何想法？

謝謝了。

Answer 1

替換您.my-button-icon下列要求：

.my-button-icon { 
    margin-left:10px; 
    display: inline-block; 
} 

的float: right;被搞亂排列起來：http://jsfiddle.net/Vw9Z6/11/

更新：

你可能想玩弄vertical-align: middle;爲好。我認爲在當前文字大小的情況下，如果沒有vertical-align樣式，對齊效果會更好，但這可能會隨着字體的增大/減小而改變。

Answer 2

你可以將按鈕的位置設置爲相對位置，然後絕對位置按鈕內的圖標？如果你這樣做了，那麼分辨率是什麼都不重要。