jQuery按钮ui-btn-正确的位置错误答案

【问题标题】：jQuery button ui-btn-right wrong positionjQuery按钮ui-btn-正确的位置错误
【发布时间】：2015-07-11 14:16:55
【问题描述】：

我有 2 个按钮，我想在屏幕的左端和右端（都在底部）显示。

<div class="ui-field-contain">
<fieldset>
    <button  id = "back" class="ui-btn ui-icon-grid ui-btn-icon-right ui-btn-inline" data-position="fixed" onClick="getPrevious()">Previous</button >
    <button id = "next" class="ui-btn ui-icon-home ui-btn-icon-right ui-btn-inline" data-position="fixed" onClick="getNext()">Next</button>
</fieldset>
</div>

我尝试添加ui-btn-right..

<button id = "next" class="ui-btn ui-btn-right ui-icon-home ui-btn-icon-right ui-btn-inline" data-position="fixed" onClick="getNext()">Next</button>

但是，它显示为 .可以看到定位不在线。

我在这里错过了什么吗？另外，我正在尝试将这些按钮放置在移动屏幕底部的页脚上方。也在努力寻找解决办法。

我尝试添加以下样式：

style="bottom: 50px ; position: fixed"

但按钮重叠

【问题讨论】：

可以创建stacksn-ps，jsfiddlejsfiddle.net演示吗？
你试过vertical-align: middle;吗？
@guest271314 Added this.. 但不幸的是，它显示错误..
@gabe 我试过了，没有效果。

标签： javascript jquery css jquery-mobile button

【解决方案1】：

尝试将ui-btn-left 类添加到您的“上一个”按钮，以删除ui-btn 类应用的边距

【讨论】：

【解决方案2】：

尝试将 ui-btn-left 、 ui-btn-icon-left 类添加到“上一个”按钮

  <div data-role="page">
        <div class="ui-field-contain">
            <fieldset>
                <button id="back" class="ui-btn ui-btn-left ui-icon-home ui-btn-icon-left ui-btn-inline" data-position="fixed">Previous</button>
                <button id="next" class="ui-btn ui-btn-right ui-icon-home ui-btn-icon-right ui-btn-inline" data-position="fixed">Next</button>
            </fieldset>
        </div>
    </div>

jsfiddle http://jsfiddle.net/nbfgcv51/1/

【讨论】：