Jquery 使用JQM 1.2.0将字段集居中

我正在使用JQM创建一个移动应用程序，并尝试将分组在具有data role=“fieldcontain”的字段集中的单选按钮居中。我发现，如果使用JQM 1.2.0，单选按钮不会居中，而是叠在一起（见图）。切换回JQM 1.0.0可以纠正该问题，并且按钮完全居中（见图）。关于如何纠正此问题的建议？提前谢谢

    <div data-role="header">
    </div>

    <div data-role="content">
       <div id="fieldcontain-wrapper" style="display:table;margin:0 auto;">
            <div data-role="fieldcontain">
                <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
                        <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
                        <label for="radio-choice-c">&nbsp;&nbsp;Home&nbsp;&nbsp;</label>
                        <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
                        <label for="radio-choice-d">&nbsp;&nbsp;Away&nbsp;&nbsp;</label>
                </fieldset>
            </div>
       </div>
    </div>

家
远离

---

这是一个奇怪的jQM错误，由包装器div引起。此css将修复它：

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

出于某种原因，在达到相同的最小宽度后，ui控件组控件的宽度变为78%。真奇怪

下面是一个例子，移除一个css块，看看它的行为是否有缺陷。