1

私はjQuery Mobile Projectに取り組んでいます。全幅に伸びる 3 つの水平ラジオ ボタンを作成する必要があります。通常のグリッドで作業しましたが、幅を広げることができませんでした。だから今、960グリッドで作業しています。ボタンを全幅に広げるのではなく、ボタン間のスペースを増やします。それを手伝ってください。 

    <div data-role="content"  >
    <p align="center" class="msg"> Apply leave </p>

    <fieldset class="container_12">
     <fieldset data-role="controlgroup" data-type="horizontal"  class="row_b"> 


<div class="grid_2"> <input type="radio" name="q2" id="q2_0" value="0" checked="checked" data-mini="true" /></div>
            <label for="q2_0">C Leave</label>
        <div class="grid_2">   <input type="radio" name="q2" id="q2_1" value="1" data-mini="true" /></div>
            <label for="q2_1">s Leave</label>
           <div class="grid_2"> <input type="radio" name="q2" id="q2_2" value="2" data-mini="true" /></div>
            <label for="q2_2">P Leave</label>


    </fieldset> </fieldset> 
    </div>
4

1 に答える 1

2

次のコードを使用します。

.ui-controlgroup-controls
{
    width:100% !important;
}
.ui-radio {
    width:33% !important;
}

作業例: http://jsfiddle.net/yUZy8/

于 2013-01-30T12:46:30.353 に答える