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

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

display: table;
margin: 0 auto;

所以你最终会得到像

这样的东西

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

如何在JQM网站中水平集中字段集

1 个答案: