2

jquery-mobile を使用しており、次の 2 つのボタンがあります。

<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>

横に並べて（インラインで）表示したいです。しかし、私はそれを理解することはできません。私はこれをしましたが、うまくいきません。手伝ってくれますか ？これが私のcssです：

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

2 に答える 2

6

クラスを使用ui-gridし、その幅をオーバーライドします。

デモ

マークアップ

<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-22T14:11:38.650 に答える
2

CSS ルールを定義する必要はありません。jqm にはレイアウト グリッド があります。

<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-11T11:02:46.047 に答える