javascript - 在迷你水平分组按钮 jquery mobile 中居中图标

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