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

Docs Here：
- 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! */
}

将控件组设置为JQuery Mobile中两个Orientation的居中对齐

1 个答案: