1

我正在开发一个 jQuery Mobile 项目。我需要创建 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 回答