css - 通过 CSS 在 JQuery Mobile 中居中文本

Question

我正在使用 JQuery Mobile 构建应用程序。我的应用程序将在页眉下方的页面顶部显示一条消息。我想使用内置的样式机制。目前，我有以下内容:

<div data-role="content">   
  <ul data-role="listview"> 
    <li data-role="list-divider"><span id="dynamicLabel">Loading</span></li>
  </ul><br />
</div>

如何使 dynamicLabel 显示的内容水平居中？无论我做什么，文本“正在加载”总是左对齐。我试过 text-align:center, margin-left:auto 和 margin-right:auto。不过运气不好。

感谢您提供的任何见解。

Answer 1

添加text-align:center;给家长<li> , 而不是 <span> .

jsFiddle