我的右侧浮子没有按我预期的方式工作。
我希望我的按钮能够很好地对齐到一行上方文本的右侧:
<div style="padding: 5px; border-bottom-width: 1px; border-bottom-color: gray; border-bottom-style: solid;">
My Text
<button type="button" class="edit_button" style="float: right; margin:5px;">My Button</button>
</div>
然而它似乎总是悬停在线上。
如果我增加 DIV 的填充或边距,那么右侧的按钮似乎仍然被推到底部的线上。
我尝试过调整右侧按钮的填充和边距,但我似乎无法将其整齐地放置在文本旁边。
小提琴在这里:
http://jsfiddle.net/qvsy7/ http://jsfiddle.net/qvsy7/
非常感谢
您需要将文本包装在 div 内并将其向左浮动,而包装 div 应该具有高度,并且我还添加了行高以进行垂直对齐
<div style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: gray;height:30px;">
<div style="float:left;line-height:30px;">Contact Details</div>
<button type="button" class="edit_button" style="float: right;">My Button</button>
</div>
还有 js 小提琴在这里 =)http://jsfiddle.net/xQgSm/ http://jsfiddle.net/xQgSm/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)