2012-05-11 33 views
1

水平居中一個字段我做了一個非常基本的網頁 我想字段集水平居中。我試圖將其包裝在<centre>內,但它沒有奏效。 我該怎麼辦?我如何在JQM網站

這裏是我的代碼

<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> 

回答

0

我發現的技巧,對我的作品是包裝字段集在另一個DIV,把下面的CSS在該專區內聯的或者在你的CSS文件。

display: table; 
margin: 0 auto; 

所以你最終的東西,如

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