并排的按钮与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移动

回答

相关问题