2

我在 jQuery Mobile 中有一个控制组，它是页脚的一部分：

<div data-role="controlgroup" data-type="horizontal">
  <a data-role="button" data-icon="toomanynotes-back" data-iconpos="notext"></a>
  <a data-role="button" data-icon="toomanynotes-play" data-iconpos="notext"></a>
  <a data-role="button" data-icon="toomanynotes-next" data-iconpos="notext"></a>
</div>

它看起来不错，但它总是在页脚的最左边。我找到了这个论坛帖子，但它对我不起作用。如何将控制组（水平）居中在页脚中？

4

5 回答 5

3

在 jQuery Mobile 1.3.1 中，只需将这段代码放在你的 CSS 上：

.ui-field-contain .ui-controlgroup,
.ui-field-contain fieldset.ui-controlgroup {
    text-align: center;
}

.ui-field-contain .ui-controlgroup-controls {
    width: auto;
}
于 2013-05-30T23:09:54.117 回答
1

这似乎在 jqm 1.1.1 中发生了变化。文本对齐：居中；工作，但现在没有。

于 2012-07-16T11:33:56.840 回答
0

事实证明，其他一些 CSS 属性也有效：

#playdiv {
    font-size:1.0em;
    margin: 0 auto;
    width:100%;
    text-align: center;
    position:relative;
    left:50%
}
于 2012-07-14T19:29:23.663 回答
0

我在 1.2.0 中唯一要做的就是使用 text-align: center 将其居中

于 2012-12-16T09:09:37.183 回答
0

我浪费了大约两个小时试图通过修改 CSS 来使按钮居中。我强烈建议改用布局网格。

<fieldset class="ui-grid-a">
<div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>     
</fieldset>

来源：http ://demos.jquerymobile.com/1.3.0-rc.1/docs/content/content-grids.html

于 2014-02-16T01:33:33.370 回答