Jquery Mobile-頁腳元素，100％寬度

我試圖添加一個文本輸入和按鈕並排到頁腳，它工作正常，但我需要它的寬度是100％，即流體佈局。任何幫助不勝感激。Jquery Mobile-頁腳元素，100％寬度

<form method="post" action="send.php"> 
     <div style="float:left;"> 
      <input style="" data-mini="true" type="text" name="message" id="message" value="" data-theme="a"/> 
     </div> 

     <div style="float:left;"> 
     <input type="submit" id="submit" value="Send Message" data-mini="true" data-theme="a"/> 
     </div> 
</form>

來源

2012-07-27 Guernica

只需附上網格內的表單元素自動伸展，像這樣的投入：

提供我自己的直列寬度的輸入舒展他們我想要的方式。您也可以創建自己的班級，並將其與.ui-block-*班級結合使用。

<form method="post" action="send.php" class="ui-grid-a"> 
    <div style="width:80%;" class="ui-block-a"><input style="" data-mini="true" type="text" name="message" id="message" value="" data-theme="a"/></div> 
    <div style="width:20%;" class="ui-block-b"><input type="submit" id="submit" value="Send Message" data-mini="true" data-theme="a"/></div>  
</form>

演示：http://jsfiddle.net/tKcMg/1/

來源

2012-07-27 12:06:01

這是我的第一個想法，但我想輸入跨越像80％和按鈕20％。 – Guernica 2012-07-27 12:09:26

@jacksonpollocks你可以修改內聯網格的寬度，或者只是用所需的寬度創建你的類。試試這個：http://jsfiddle.net/tKcMg/1/ – 2012-07-27 12:15:00

不錯的，我不知道爲什麼我從來沒有想到這一點。我真的需要停止有早餐關節：D謝謝... – Guernica 2012-07-27 12:26:20

<div id="resize"> 
    <input id="text" type="text" style="float:left;"/> 
    <input id="submit" type="submit" value="submit" style="float:left;" /> 
</div> 

$(function() { 
    resize_input(); 

    $(window).resize(function(){ 
     resize_input(); 
    }) 
}); 
function resize_input(){ 
    var foo = $('div#resize').outerWidth(); 
    var bar = $('input#submit').outerWidth(); 
    $('input#text').outerWidth(foo - bar); 
}

來源

2012-07-27 12:24:01 Kir

Jquery Mobile-頁腳元素，100％寬度

回答

相關問題