Question

我正在开发一个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>

Answer 1

使用此代码：

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

工作示例：http://jsfiddle.net/yUZy8/

水平单选按钮960网格 - jQuery移动

1 个答案: