jQuery Mobile中的中心元素

Question

jQuery Mobile框架是否有一种集中元素的方式,特别是按钮？看起来它默认为左对齐所有内容,我无法找到一种方法(在框架内)来做到这一点.

Answer 1

jQuery Mobile似乎没有css类来居中元素(我通过它的css搜索).

但是你可以自己编写额外的CSS.

尝试创建自己的:

.center-button{
  margin: 0 auto;
}

示例HTML:

<div data-role="button" class="center-button">button text</div>

看看会发生什么.您可能需要在换行标记中将text-align设置为居中,这样可能会更好:

.center-wrapper{
  text-align: center;
}
.center-wrapper * {
  margin: 0 auto;
}

示例HTML:

<div class="center-wrapper">
  <div data-role="button">button text</div>
</div>

Answer 2

一种矫枉过正的方法:在div中的内联css做了诀窍:

style="margin:0 auto;
margin-left:auto;
margin-right:auto;
align:center;
text-align:center;"

中心就像一个魅力!