Question

我正在使用jQuery mobile，我创建了一个迷你水平按钮按钮，问题是这些按钮内的图标不在中心。请帮助解决这个问题吗？

<div data-role="controlgroup" data-type="horizontal" data-mini="true">
<a href="#" data-role="button" data-iconpos="notext" data-icon="plus" data-theme="b">Add</a>
<a href="#" data-role="button" data-iconpos="notext" data-icon="delete" data-theme="b">Delete</a>
<a href="#" data-role="button" data-iconpos="notext" data-icon="grid" data-theme="b">More</a>

Answer 1

也许尝试将data-iconpos="center"添加到父div元素，您还应该关闭div代码，除非您故意不添加结束</div>代码。

<div data-role="controlgroup" data-type="horizontal" data-mini="true" data-iconpos="center">
<a href="#" data-role="button" data-iconpos="notext" data-icon="plus" data-theme="b">Add</a>
<a href="#" data-role="button" data-iconpos="notext" data-icon="delete" data-theme="b">Delete</a>
<a href="#" data-role="button" data-iconpos="notext" data-icon="grid" data-theme="b">More</a>
</div>

jsFiddle

在迷你水平分组按钮jquery移动中心图标

1 个答案: