Jquery Mobile：水平按鈕，填充容器

在移動應用程序上工作時，我試圖創建兩個按鈕，應該增長並填充它們的容器。Jquery Mobile：水平按鈕，填充容器

因此，在縱向視圖中，兩個按鈕應占用其父項的整個寬度，而在橫向視圖中，它們也應該增長以填充其整個父項。

我已經使用網格試過，在文章中，我遇到了一個建議，但是這似乎並沒有做的工作......

的按鈕不生長並填充他們的父母。

<div class="ui-grid-a"> 
<div class="ui-block-a"> 
    <a href="tel:xxxx" class="ui-btn ui-icon-phone ui-btn-icon-left ui-btn-inline">xxxx</a> 
</div> 
<div class="ui-block-b"> 
    <a href="test" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-btn-inline">More</a> 
</div> 
</div>

P.S.沒有網格佈局的單個按鈕增長到正確填充其父容器。

<a href="tel:xxxx" class="ui-btn ui-icon-phone ui-btn-icon-left">xxxx</a>

它似乎是ui-btn-inline，導致它不增長。

來源

2015-06-09 Louis van Tonder

只需卸下UI的BTN-內嵌類。如果你不想讓按鈕填充容器，那麼這個類是。隨着這個類的消失，網格解決方案將會起作用。 – ezanker

謝謝，我同時實現了一個導航欄，而不是一個網格，而且anv欄也完成了這項工作。感謝您的評論。 –

@ezanker，請添加您的解決方案作爲答案。 –

只要刪除ui-btn-inline類。

該類是如果你不要要按鈕來填充容器。隨着這個類的消失，網格解決方案將會起作用。

DEMO

來源

2015-06-09 17:16:44 ezanker

Jquery Mobile：水平按鈕，填充容器

回答

相關問題