jquery - 页脚中的移动按钮

Question

我想将这些按钮放在页脚的中间而不改变按钮的大小。我认为我需要使用 ui-grid-(a,b,c..) 但每当我这样做时，按钮大小都会扩展以完全填充我选择的函数中网格的任何百分比。

我的代码：

<div data-role="footer" data-theme="b" data-position="fixed" >
    <a data-role="button" data-icon="plus">CS</a>
    <a data-role="button" data-icon="plus">GH</a>
</div>

这是我的jsfiddle：

http://jsfiddle.net/liondancer/rKPfe/

Answer 1

您可以使用 CSS 选择器。将其添加到那个 jsfiddle 中的 CSS

div[data-role="footer"] {
    text-align: center;
}

希望这可以帮助。

Answer 2

只需使用alignHTML 属性将它们居中，如下所示：

<div data-role="footer" data-theme="b" data-position="fixed" align="center">
    <a data-role="button" data-icon="plus">CS</a>
    <a data-role="button" data-icon="plus">GH</a>
</div>