jQuery Mobile 框架是否有一种使元素(特别是按钮)居中的方法?看起来它默认将所有内容左对齐,但我找不到方法(在框架内)来执行此操作。
请您参考如下方法:
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>