어떻게 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

다른 사업부의 필드 셋을 포장하고 인라인이나 CSS 파일 중 하나를 div에에 다음과 같은 CSS를 넣어하는 것입니다 나를 위해 작동 내가 찾은 트릭입니다.

display: table; 
margin: 0 auto; 

그래서 당신은

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

같은 것을 끝낼 것