css - jQuery Mobile 标题按钮左右浮动

Question

我试图让页眉在左右两侧有两组按钮，但我无法让所有内容对齐并正确地向左/向右浮动。关于实现此目的的简单方法的任何想法。

     <div data-theme="a" data-role="header" data-position="fixed">
<!-- back button -->                    
       <a style=" margin:5px 0 10px 0;" data-role="button" 
    data-transition="slide" data-theme="b" href="#track_dash" 
    data-icon="arrow-l" data-iconpos="left">
          Back
       </a>

<!-- chart switch -->                    
            <div data-role="fieldcontain" style="float: right;">
                <form action="#" method="POST">
                    <fieldset data-role="controlgroup" data-type="horizontal" >
                       <input name="radiobuttons5" id="radio7" value="radio1" type="radio" />
                       <label for="radio7">
                            List
                       </label>
                       <input name="radiobuttons5" id="radio8" value="radio8" type="radio" />
                       <label for="radio8">
                            Chart
                       </label>
                    </fieldset>
                </form>
            </div>

      </div>  

Answer 1

使用 class="ui-btn-left在后退按钮上和 class="ui-btn-right"在对照组上。

也许您还需要在两个元素之间放置一个标题，至少为空 <h1></h1>