css - jquery-mobile header 位于彼此右侧的两个图标

在data-type ='header'中有3个图标，如何在标题面板的左侧放置1个，在右侧放置2个？

<div data-role="header" data-theme="a" data-position="fixed">
    <center><img src="img/logo.png" style="height: 32px;"></center>
    <a href="#nav-panel" data-icon="bullets" class="ui-alt-icon" data-iconpos="notext" id="headmenu">Menu</a>
    <a href="#" data-icon="recycle" class="ui-alt-icon" data-iconpos="notext" id="refresh">Home</a>
    <a href="#" data-icon="home" class="ui-alt-icon" data-iconpos="notext" id="homebut">Home</a>
</div>

这会将第三个图标放在新行中，

最佳答案

适用于：

<div data-role="header" data-theme="a" data-position="fixed">
    <a href="#nav-panel" data-icon="bullets" class="ui-alt-icon" data-iconpos="notext" id="headmenu">Menu</a>
    <div data-role='control-group' data-type="horizontal" class="ui-btn-right" >
        <a href="#" class="ui-btn ui-corner-all ui-icon-refresh ui-btn-icon-notext ui-alt-icon" id="homebut">Home</a>
        <a href="#" class="ui-btn ui-corner-all ui-icon-home ui-btn-icon-notext ui-alt-icon" id="homebut">Home</a>
    </div>
</div>

关于css - jquery-mobile header 位于彼此右侧的两个图标，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30535640/