2012-07-09 60 views
0

當我將文本按鈕放在標題中的notext按鈕旁邊時,notext按鈕顯示略低於。我已經嘗試爲ui-btn-icon-notext設置margin-top和padding-top,但這似乎沒有效果。jQuery Mobile文本和notext按鈕垂直對齊

issue

<div data-role="header" class="ui-bar"> 
    ... 
    <div class="ui-btn-right"> 
    <a href="/" data-role="button" data-theme="e" data-mini="true">Sign In</a> 
    <a href="/" data-icon="home-blue" data-theme="e" data-role="button" data-inline="true" data-iconpos="notext">Home</a> 
    ... 
    </div> 
</div> 
+1

你能提供HTML和CSS? – xanderer 2012-07-09 15:24:15

回答

2

真的不知道爲什麼它正在發生,但一個快速(和骯髒)的修復可能是這樣的:

a.custom-class-name-for-no-text-buttons { 
    top: -2px !important; 
} 

的jsfiddle
http://jsfiddle.net/GG3qE/

+0

我之前嘗試過類似的東西,但它不起作用,但「!important」聲明似乎有所作爲。謝謝! – xli 2012-07-09 21:15:26