html - 放置一个右对齐的按钮

Question

我使用此代码右对齐按钮。

<p align="right">
  <input type="button" value="Click Me" />
</p>

但是<p>标签会浪费一些空间，所以希望对 <span> 做同样的事情或 <div> .

Answer 1

您使用哪种对齐技术取决于您的情况，但基本的一种是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)。