拉伸橫跨了單選按鈕頁面的寬度JQM 1.2.0 iOS設備

Question

我要讓水平單選按鈕，屏幕的全寬和我指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> 

，我試圖把style =「width：100％」放在div，fieldset和input中，但是也沒有幫助。請欣賞任何建議。謝謝 ！

乾杯， 馬克

Answer 1

我一直有同樣的問題。添加下面的CSS爲我工作。

這種情況是爲4個單選按鈕，所以我用25％的寬度爲ui-radio。

.ui-controlgroup-controls 
{ 
    width:100%; 
} 
.ui-radio { 
    width:25%; 
} 

Answer 2

在您不想指定寬度一般情況下（1.3.0作品）

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

.ui-controlgroup-controls .ui-radio 
{ 
    display: table-cell; 
    float: none; 
}