拉伸横跨了单选按钮页面的宽度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; 
}