穿上標題欄右側的圓形圖標按鈕 - jQuery Mobile的

此刻我的移動應用程序類似於下面的鏈接之一：穿上標題欄右側的圓形圖標按鈕 - jQuery Mobile的

用下面的代碼：

<body> 

<div data-role="page"> 

<div data-role="header"> 
    <h1 data-inline="true">Demo Page</h1> 

     <a href="#" data-role="button" data-icon="mail" data-iconpos="notext">Mail</a> 
     <a href="#" data-role="button" data-icon="gear" data-iconpos="notext">Settings</a> 

    </div> 

<div data-role="content" class="content"> 

    <p>Demo Page</p> 



</div> 



</div> 

</body>

我想要做的是在標題欄的右側都有兩個圓形按鈕。我試過把它們放在一個controlgroup div中，但由於某種原因，這改變了它們，所以它們不再是圓形的 - 我用中間的圖標得到方形按鈕。更糟糕的是，他們甚至沒有正確對齊！你可以明白我的意思是：

http://jsfiddle.net/Gd8ZB/

，代碼：

<body> 

<div data-role="page"> 

<div data-role="header"> 
    <h1 data-inline="true">Demo Page</h1> 
     <div data-role="controlgroup" class="ui-btn-right"> 
      <a href="#" data-role="button" data-icon="mail" data-iconpos="notext">Mail</a> 
      <a href="#" data-role="button" data-icon="gear" data-iconpos="notext">Settings</a> 
     </div> 

    </div> 

<div data-role="content" class="content"> 

    <p>Demo Page</p> 



</div> 



</div> 

</body>

我該如何解決這個問題得到什麼？任何幫助，將不勝感激！

來源

2014-01-23 Chris

我已經做了如下向右移動：

<div class="ui-btn-right"> 
    <a href="#" data-role="button" data-icon="mail" data-iconpos="notext">Mail</a> 
    <a href="#" data-role="button" data-icon="gear" data-iconpos="notext">Settings</a> 
</div>

Fiddle

來源

2014-01-23 10:34:00

http://jsfiddle.net/TM6Dt/1/

一個辦法做到這一點是改變的第一個按鈕的位置在第一個例子，它與下面的CSS

style="right: 40px; left: initial;"

來源

2014-01-23 02:17:26

穿上標題欄右側的圓形圖標按鈕 - jQuery Mobile的

回答

相關問題