放置一个右alignment的button

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

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

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

4 Solutions collect form web for “放置一个右alignment的button”

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

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

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

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

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

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

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

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

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

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

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

 style="position: absolute; right: 0;" 
  • 如何使用jQuery禁用/启用select字段?
  • 标签标签中的“for”是什么?
  • 为什么是&#65279; 出现在我的HTML?
  • 如何在特定坐标中定位DIV?
  • CSS:如何删除伪元素(之后,之前,...)
  • 点击描述时勾选checkbox
  • 使用XML包将html表格刮到R数据框中
  • 如何使用HTTP POSTselect并上传多个HTML和PHP文件?
  • contenteditable,在文本的末尾设置插入符号(跨浏览器)
  • 水平滚动的HTML表格(第一列固定)
  • emacs能为我重新缩进一大堆HTML吗?