jquery-mobile - 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>

看看会发生什么。您可能需要将文本对齐设置为换行标记居中，这样可能效果更好:

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

示例 HTML:

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