jquery-mobile - 如何在 JQM 网站中水平居中字段集

Question

我做了一个非常基本的页面，我试图将字段集水平居中。我试着把它包在里面<centre>，但没有用。我应该怎么办？

这是我的代码

<div data-role="content">   
    <div data-role="fieldcontain">
                //Its left align, how do i centre align
                <fieldset data-role="controlgroup" data-type="horizontal">
                        <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
                        <label for="radio-choice-c">Recent</label>
                        <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
                        <label for="radio-choice-d">Upcoming</label>
                </fieldset>
    </div>        
<ul data-role="listview">   
       //my list                       
    </ul>   
</div>

Answer 1

我发现对我有用的技巧是将字段集包装在另一个 div 中，并将以下 CSS 放在该 div 内联或 CSS 文件中。

display: table;
margin: 0 auto;

所以你最终会得到类似的东西

<div class='fieldset-center-wrapper'>
  <fieldset>
    your stuff here
  </fieldset>
</div>