Skip to main content
 首页 » 编程设计

jquery-mobile之jQuery Mobile 中的居中元素

2024年04月30日43me-sa

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>