並排的按鈕與jQuery移動

我使用jQuery的移動，我有這兩個按鈕：並排的按鈕與jQuery移動

<p id="propart">Pro: 
    <select id="chosenpro" data-inline="true"></select> 
    <button type="button" id="resetbutton" data-inline="true" data-theme="w">Reset</button> 
</p>

我想他們並排（內置）顯示的一面。但我無法弄清楚。我做了this但它不起作用。你能幫我嗎？這裏是我的CSS：

#propart .ui-select { 
    width:75%; 
} 
#propart .ui-select .ui-btn-icon-right { 
    width:100%; 
} 
#propart .ui-btn { 
    width:25%; 
}

來源

2013-04-22 Louis

使用'

button 1

button 2

' – Omar 2013-04-22 13:56:51

感謝，但如果我想要什麼的第一個按鈕有75％的寬度，第二個25％的寬度？ – Louis 2013-04-22 14:03:36

使用ui-grid類，並覆蓋它們的寬度。

Demo

標記

<div class=ui-grid-a> 
<div class=ui-block-a>button 1</div> 
<div class=ui-block-b>button 2</div> 
</div>

CSS

.ui-block-a { width: 75% !important; } 
.ui-block-b { width: 25% !important; }

來源

2013-04-22 14:11:38 Omar

沒有必要定義任何CSS規則。 JQM有Layout grids 所有你需要做的是：

<div class=ui-grid-a> 
<div class=ui-block-a> <select id="chosenpro" data-inline="true"></select></div> 
<div class=ui-block-b><button type="button" id="resetbutton" data-inline="true" data-theme="w">Reset</button></div> 
</div>

來源

2015-11-11 11:02:46

並排的按鈕與jQuery移動

回答

相關問題