不能水平居中水平切換集

Question

我使用jQuery Mobile和我有一個水平切換集。

我想將它居中放在頁面中，或我想展開它以便它佔據100％的寬度。 要麼是對我所做的事很好。 我已經嘗試了很多不同的方法，但目前爲止還沒有工作。 使用jQuery Mobile的1.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> 

Answer 1

Radio button not align properly at center in jquery mobile version 1.0?

添加style="text-align: center;"到<fieldset>作品帶有按鈕的controlgroup，但aparently不是複選框。

Answer 2

我只是有這個同樣的問題，我通過把fieldset一個div具有text-align: center，然後設置fieldset到inline的display內添加解決它。

E.g.

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> 

CSS

.custom { 
    text-align: center; 
} 
.custom fieldset { 
    display: inline; 
} 

設置fieldset到inline的display可能有一些其他影響，比如我注意到，利潤率/填充略有改變，但除此之外它做了我想要的。