在移動端開發中，經常會用到div居中的功能。jquery mobile提供了多種方式來實現div居中的效果。 一種常用的方式是使用CSS的margin屬性來控制div的位置。這種方法的原理非常簡單，只需要設置div的左右margin值為auto，即可讓div在水平方向上居中。具體的代碼如下：

<style>
.center-div {
width: 50%;
margin: 0 auto;
}
</style>
<div class="center-div">
<p>這里是居中的內容</p>
</div>

另外一種方法是使用jquery mobile提供的grid布局系統。這種方法比較靈活，可以實現各種不同的布局效果。具體的代碼如下：

<div class="ui-grid-a">
<div class="ui-block-a"></div>
<div class="ui-block-b"></div>
</div>

其中，ui-grid-a指定了布局格式為Two Columns A (50%/50%)，ui-block-a和ui-block-b則指定了兩個塊元素。我們可以在這兩個塊元素中放置我們需要居中的內容，通常要設置塊元素的高度和寬度來達到居中的效果。 總之，在jquery mobile中，div居中并不困難，只需要根據自己的需求選擇合適的方法即可。