放置一个右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;" 
  • 为什么我的列表项目项目符号重叠浮动元素
  • 在Web浏览器上使用.otf字体
  • 当背景图像应该延伸到页面的整个页面时,在页面右侧显示空白区域
  • 为什么把JavaScript放在首位
  • 元标记内的属性property =“og:title”是什么?
  • HTML 4和HTML 5的主要区别是什么?
  • 使用CodeIgniter在URL中获取参数
  • 使用CSS删除不需要的表格单元格边框
  • Google Chrome自动填充并显示黄色背景
  • 为什么<style href =“min.css”> </ style>
  • 在相同的窗口和相同的标签页中打开url