放置一个右alignment的button

我用这个代码来alignment一个button。

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

但是P标签浪费了一些空间，所以要用span或div来做同样的事情。

Answer 1

你使用哪种alignment方式取决于你的情况，但基本的是float: right; ：

 <input type="button" value="Click Me" style="float: right;"> 

你可能想要清除你的浮动，但是可以用overflow:hidden在父容器上，或者在容器的底部显式地使用<div style="clear: both;"></div> 。

例如： http : //jsfiddle.net/ambiguous/8UvVg/

Answer 2

另一种可能性是使用面向右侧的绝对定位：

 <input type="button" value="Click Me" style="position: absolute; right: 0;"> 

这是一个例子： https ： //jsfiddle.net/a2Ld1xse/

这个解决scheme有其不足之处，但有一些用例非常有用。

Answer 3

正如@günther-jena指出的，这个解决scheme依赖于Bootstrap 3

尝试<a class="btn text-right">Call to Action</a> 。 这样你就不需要额外的标记或规则来清除浮动的元素。

Answer 4

另一种可能性是使用面向右侧的绝对定位。 你可以这样做：

 style="position: absolute; right: 0;"