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

也许您也需要在两个元素之间加一个页眉, 至少空

Answer 2

你可能已经想出解决办法了但我用脚踏脚的时候做了这个对我成功了:

<div data-role="footer" class="ui-bar" data-position="fixed" data-id="myFooter">
    <div class="footerContainer">    
        <a href="index.html" data-role="button" data-mini="true" data-inline="true"class="ui-btn-left">Cancel</a>
        <a href="index.html" data-role="button" data-mini="true" data-inline="true"class="ui-btn-right">Next</a>
    </div>
</div>

基本上,我把纽扣包在迪夫里, 允许我用 ui-btn-left和右键来浮动按钮, 并适当调整按钮, 目前似乎没有引起任何冲突。

在这里,这里的CS

.footerContainer{
    width:97%;
    height:38px;
    border:none;
    position:relative;
    }

我将宽度设定为97%, 因为100%将使用宽度加上折叠和位置: 相对性, 以便控制浮标。

友情链接