jQuery Mobile的 - 按鈕樣式 - 填充問題

請參閱下面的照片來理解問題：jQuery Mobile的 - 按鈕樣式 - 填充問題

enter image description here

我有填充一個問題就在這裏。我不能將按鈕「在線地圖」按鈕的文本放在按鈕的中間。我正在爲Android開發此應用程序。

HTML：

<div class="footer" data-tap-toggle="false"> 
<div class="wrapper"> 
<div class="ui-grid-b"> 
<div class="ui-block-a"><a href="#page_19_EN" data-rel="back">Back</a></div> 
<div class="ui-block-b"> 
<a data-theme="my-site" data-role="button" data-mini="true" onClick="checkReachability()">Online Map</a>  
</div> 
<div class="ui-block-c home"><a href="#page_41_EN">Home</a></div> 
</div> 
</div> 
</div>

CSS：

.ui-btn-up-my-site { 
    color: white;  
    font-size:8px;  
    padding-top:0; 
    padding-left:0 !important; 
    border:1px solid #333; 
    text-align:left !important; 
    padding-right:0; 
    margin-top:-10px ; 
    white-space: normal;     
} 

.footer .ui-grid-b .ui-block-a, .footer .ui-grid-b .ui-block-c { width: 20%; } 
.footer .ui-grid-b .ui-block-b { width: 60%; text-align: center; padding:0;}

我花了5個多小時努力樣式此按鈕，仍然沒有成功。它驅使我堅果.. 任何人都可以幫助我嗎？

來源

2012-12-13 Majstor

這個問題僅在android中發生嗎？ – user700284

其實我不知道...我只能在Android上測試.. – Majstor

我的意思是在桌面瀏覽器中，這個問題是否可重現？如果是這樣，請發佈示例代碼jsfiddle可以在哪裏複製問題 – user700284

你可以嘗試設置

margin-left: 0px; 
margin-right: 0px;

有時它顯然是解決問題的填充我。希望它能工作。

來源

2012-12-13 10:55:35 Ciack404

試過，沒有解決問題。但仍會引起一些變化..再次查看圖片。 – Majstor

你有沒有嘗試把一個負值留給餘裕，並刪除餘裕 - 或其他方式？對不起，這個問題只是爲了確保 – Ciack404

我現在會嘗試.. – Majstor

jQuery Mobile的 - 按鈕樣式 - 填充問題

回答

相關問題