jQuery Mobile的圖標不恰當鍵，適當

Question

我忙於開發一個jQuery Mobile的應用程序，由於某種原因按鈕不斷出現，像這樣：

這裏是我的代碼產生這些按鈕：

<div data-role="footer" data-position="fixed"> 
      <div data-role="navbar"> 
       <ul> 
        <li><a href="#" data-icon="home" data-transition="pop" data-role="button" data-mini="true" >Home</a></li> 
        <li><a href="#searchpage" data-icon="search" data-transition="pop" data-role="button" data-mini="true" >Search</a></li> 
        <li><a href="#sellbookpage" data-icon="dollar" data-transition="pop" data-role="button" data-mini="true">Sell</a></li> 
        <li><a href="#contactus" data-icon="email" data-transition="pop" data-role="button" data-mini="true">Contact Us</a></li> 
       </ul> 
      </div> 
     </div> 

有沒有辦法讓圖標出現在按鈕的中間？或者是否有人知道這可能發生的原因？

Answer 1

我正在使用另一個圖標圖像包。看完css表並刪除以下行：

margin-top:-10px !important; 

一切開始正常工作。