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

只需使用align HTML属性将其置于中心位置，如下所示：

<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>

在页脚中移动按钮

2 个答案: