0

水平ラジオボタンを画面の全幅にしたいのですが、http://jquerymobile.com/demos/1.2.0/docs/forms/radiobuttons/を参照しています。コードは以下のとおりです。

     <div> 
 <fieldset data-role="controlgroup" data-type="horizontal"> 
 <input type="radio" name="radio-choice-1" id="spent_money_1" value="choice-1" checked="checked" /> <label for="spent_money_1">Spent Some $</label>
 <input type="radio" name="radio-choice-1" id="made_money_1" value="choice-2"/>
 <label for="made_money_1">Made Some $</label> 
 </fieldset>
 </div>

そして、div、フィールドセット、入力の両方に style="width:100%" を入れようとしましたが、どちらも役に立ちません。アドバイスをよろしくお願いします。ありがとう ！

乾杯、マーク

4

2 に答える 2

3

私は同じ問題を抱えています。次のCSSを追加するとうまくいきます。

このケースは 4 つのラジオ ボタン用なので、ui-radio には 25% の幅を使用します。

.ui-controlgroup-controls
{
    width:100%;
}
.ui-radio {
    width:25%;
}
于 2012-11-11T22:40:03.867 に答える
2

幅を指定したくない一般的なケース (1.3.0 で動作)

.ui-controlgroup-controls
{
    display: table;
    width: 100%;
}

.ui-controlgroup-controls .ui-radio
{
    display: table-cell;
    float: none;
}
于 2013-04-16T05:14:00.340 に答える