Question

这曾经用于将控制组置于1.1.0中心，但现在看来它似乎不在1.1.1中。

<div data-theme="a" data-role="footer" style="text-align:center;">
   <div data-role="controlgroup" data-type="horizontal" data-mini="true">
      <a href="foo" data-role="button">link1</a>
      <a href="boo" data-role="button">link2</a>
   </div>
   <div class="copy">&copy; 2012 bigco</div>
</div>

Answer 1

data-role =“controlgroup” div的 align =“center”属性可能适用于此。

<div data-theme="a" data-role="footer" align="center">
   <div data-role="controlgroup" data-type="horizontal" data-mini="true">
      <a href="foo" data-role="button">link1</a>
      <a href="boo" data-role="button">link2</a>
   </div>
   <div class="copy">&copy; 2012 bigco</div>
</div>

http://jsfiddle.net/sGFTy/1/

Answer 2

我在这个网站上找到了解决方案： http://forum.jquery.com/topic/how-to-horizontally-center-a-set-of-grouped-buttons

CSS：

#navgroup {text-align:center;}
#navgroup div {display:inline-block;}

HTML：

<div id="navgroup">
    <div data-role="controlgroup" data-type="horizontal">
      <a href="index.htm" data-role="button" data-theme="e" data-mini="true" class="active menu">Menu</a>
      <a href="specials.htm" data-role="button" data-theme="e" data-mini="true" class="specials">Specials</a>
      <a href="howitworks.htm" data-role="button" data-theme="e" data-mini="true" class="howitworks">FAQ</a>
      <a href="http://www.facebook.com" data-rel="external" data-role="button" data-theme="e" data-mini="true"  class="feedback">Facebook</a>
    </div>
</div>

Answer 3

如果使用，问题仍然存在 $（ “选择”）显示（）。显示元素，因为它应用'display：block'。

而不是使用.show（），现在使用 $（“selector”）。css（'display'，'inline-block'）;

Answer 4

现在我正在使用JQM 1.2，这对我有用......

CSS

.center-controlgroup { text-align: center; }

HTML

<div data-role="controlgroup" data-type="horizontal" class="center-controlgroup">...</div>

如何将页脚中的水平控制组居中 - 在jqm 1.1.1中更改？

4 个答案: