Css 无法水平居中水平切换集

我使用jquerymobile，我有一个水平切换设置

我想把它放在页面的中心，或我想拉伸它，使它占据100%的宽度。 这两种都对我现在的工作有好处。 我已经尝试了很多不同的方法，但到目前为止都没有成功。 使用jquerymobilev1.0

    <fieldset data-role="controlgroup" data-type="horizontal">
        <input type="checkbox" name="monday" id="monday" class="custom"/>
        <label for="monday">Monday</label>
        <input type="checkbox" name="tuesday" id="tuesday" class="custom" />
        <label for="tuesday">Tuesday</label>
        <input type="checkbox" name="wednesday" id="wednesday" class="custom" />
        <label for="wednesday">Wednesday</label>
        <input type="checkbox" name="thursday" id="thursday" class="custom" />
        <label for="thursday">Thursday</label>
        <input type="checkbox" name="friday" id="friday" class="custom" />
        <label for="friday">Friday</label>
        <input type="checkbox" name="saturday" id="saturday" class="custom" />
        <label for="saturday">Saturday</label>
        <input type="checkbox" name="sunday" id="sunday" class="custom" />
        <label for="sunday">Sunday</label>
    </fieldset>

星期一
星期二
星期三
星期四
星期五
星期六
星期日

我刚刚遇到了同样的问题，我通过将

字段集

添加到

div

中解决了这个问题，该div具有

文本对齐：居中

，然后将

字段集

的

显示设置为
内联

例如

HTML

<div class="custom">
    <fieldset data-role="controlgroup" data-type="horizontal">
        <input type="checkbox" name="monday" id="monday" />
        <label for="monday">Monday</label>
        ...
    </fieldset>
</div>

将
字段集
的
显示
设置为
内联
可能会产生一些其他效果，例如我注意到边距/填充略有变化，但除此之外，它还实现了我想要的功能。
我也遇到了同样的问题，我通过将
字段集
添加到
div
中，该div具有
文本对齐：居中
，然后将
字段集
的
显示设置为
内联

例如

HTML

<div class="custom">
    <fieldset data-role="controlgroup" data-type="horizontal">
        <input type="checkbox" name="monday" id="monday" />
        <label for="monday">Monday</label>
        ...
    </fieldset>
</div>

将
字段集
的
显示设置为
内联
可能会产生一些其他效果，例如，我注意到边距/填充略有变化，但除此之外，它还起到了我想要的作用