將文本與可摺疊集jquery mobile中的按鈕對齊

我正在嘗試在collapsible list的header中添加button以及文本。但我想把按鈕放在rightmost side。當我嘗試這樣做時，文本和按鈕不對齊。將文本與可摺疊集jquery mobile中的按鈕對齊

編輯：以價值"setting"按鈕不與文本對齊"filtered list"

參見：http://jsfiddle.net/puX9w/

我怎樣才能解決這個問題？

來源

2013-05-31 dejavu

哪個按鈕放置。請給予更多的解釋了有關查詢 – Dineshkani

哪個按鈕？菜單中的按鈕正在工作並放置在右側？ –

@Dineshkani帶有「設置」值的按鈕。它不符合文本「過濾列表」 – dejavu

工作例如：http://jsfiddle.net/Gajotres/kNDf4/

HTML：

<body> 
    <div data-role="page"> 
     <div data-role="collapsible-set" data-theme="b" data-content-theme="d"> 
      <div data-role="collapsible"> 
       <h3 data-position="inline">Filtered list    
        <span style="float:right;" class="button-span"> <input type='button' data-theme='b' value='Settings' data-mini='true' data-inline='true' data-icon='gear' data-icon-pos='top' id="show-content"/> 
        </span> 
       </h3> 
       <ul data-role="listview" data-filter="true" data-filter-theme="c" data-divider-theme="d"> 
        <li><a href="#">Adam Kinkaid</a></li> 
        <li><a href="#">Alex Wickerham</a></li> 
        <li><a href="#">Avery Johnson</a></li> 
        <li><a href="#">Bob Cabot</a></li> 
        <li><a href="#">Caleb Booth</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</body>

CSS：

.button-span { 
    position: absolute; 
    right: 0; 
    margin-top: -7px !important; 
} 

.ui-btn-text { 
    display: block; 
}

來源

2013-05-31 10:51:31 Gajotres

嗨，我通過使用data-iconpos =「notext」從按鈕刪除文本，現在沒有顯示圖標。可能是什麼問題呢？ http://jsfiddle.net/kNDf4/1/ – dejavu

修復http://jsfiddle.net/Gajotres/kNDf4/2/也upvote不會殺了你;） – Gajotres

非常感謝。是的當然，你應該得到很多upvotes幫助每個人的jQuery手機問題 – dejavu

將文本與可摺疊集jquery mobile中的按鈕對齊

回答

相關問題