컨트롤 그룹을 JQuery Mobile의 양쪽 오리엔테이션에서 중앙 정렬되도록 설정하십시오.

Question

페이지에 헤더가 있으며 가운데에 컨트롤 그룹을 배치했습니다. 나는 컨트롤 그룹을 오리엔테이션의 중심에두기를 원했다. 우리는 어떻게 이것을 할 수 있습니까? 여기

<div data-role="page" id= "Page1" style="background-color:#E8E8E8"> 
<div data-role ="header" data-theme="b"> 

    <a href="#" data-role="button" data-theme="b" class="ui-btn-left" id="backButtonHandler">Prev</a> 
    <div data-role="controlgroup" data-type="horizontal" style="margin-left:24%;margin-top:5px;width:100%" > 
    <a href="#" onclick="addContentToListView();" data-role="button" data-icon="arrow-l" >Prev</a> 
    <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Next</a> 
    </div> 
    <a href="#" data-role="button" data-theme="b" class="ui-btn-right" id="backButtonHandler">Next</a> 
    </div> 
    </div> 

Answer 1

문서 :
- http://jquerymobile.com/demos/1.0a4.1/#docs/api/mediahelpers.html

방향 클래스

HTML 요소가 항상 브라우저의 방향에 따라, "세로"또는 "풍경"중 하나의 클래스가됩니다 또는 장치. CSS에서 다음과 같이 활용할 수 있습니다.

.portrait { 
    /* portrait orientation changes go here! */ 
} 
.landscape { 
    /* landscape orientation changes go here! */ 
}