jQuery移动标题按钮左右浮动
jQuery移动标题按钮左右浮动
提问于 2012-05-23 22:32:08
我试图让页眉在左边和右边有两组按钮，但是我很难让所有的东西都排列在一起，并正确地左右浮动。有没有什么简单的方法可以做到这一点。
<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>
Stack Overflow用户
发布于 2012-09-05 23:16:27
你现在可能已经想出了一个解决方案，但我在我的页脚中做到了这一点，它对我来说是有效的：
<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>本质上，我将按钮包装在一个div中，这允许我使用ui-btn-left和right浮动按钮，并正确地对齐它们，到目前为止似乎没有引起任何冲突。
这是css
.footerContainer{
width:97%;
height:38px;
border:none;
position:relative;
}我将宽度设置为97%，因为100%将采用宽度加上填充和position:relative，这样就包含了浮动。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10722139
复制相关文章
相似问题
腾讯云开发者
