我使用此代码右对齐按钮。
<p align="right">
<input type="button" value="Click Me" />
</p>
但是<p>
标签会浪费一些空间,所以希望对 <span>
做同样的事情或 <div>
.
最佳答案
您使用哪种对齐技术取决于您的情况,但基本的一种是float: right;
:
<input type="button" value="Click Me" style="float: right;">
你可能想要清除你的 float ,但这可以通过 overflow:hidden
来完成。在父容器上或显式 <div style="clear: both;"></div>
在容器的底部。
例如:http://jsfiddle.net/ambiguous/8UvVg/
float 元素从正常的文档流中移除,这样它们就可以溢出父级的边界并弄乱父级的高度, clear:both
CSS 负责处理(overflow:hidden
也是如此)。使用我添加的 JSFiddle 示例来查看 float 和清除的行为方式(不过,您需要先删除 overflow:hidden
)。
关于html - 放置一个右对齐的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6632340/