jquery - 在 Jquery Mobile 中拉伸(stretch)水平单选按钮

Question

如何将水平单选按钮拉伸(stretch)到全宽。

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


 <input type="radio" name="q2" id="q2_0" value="0" checked="checked" />
            <label for="q2_0">C</label>
            <input type="radio" name="q2" id="q2_1" value="1" />
            <label for="q2_1">s</label>
            <input type="radio" name="q2" id="q2_2" value="2" />
            <label for="q2_2">P</label>


    </fieldset>

CSS

.row_b .ui-btn {
    text-align: center;
    width: 33.3%;
}

检查此链接后，尝试为 3 个单选按钮设置上述方法。。http://jsfiddle.net/6rCmY/1/但还是不行。

Answer 1

试试这个:

.row_b .ui-btn {
    text-align: center;
    width: 33%;
}

我将宽度参数更改为 33%，经过测试它们显示正确。