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

标签 html css

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

<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/

相关文章:

html - 是否有适用于 Gmail 应用程序的媒体查询的解决方法/替代方法?

html - Flexbox - "space-between"- 零宽度元素导致不需要的空间

jquery - 悬停时显示子菜单,但取消悬停时不隐藏它

html - 切换输入和输入不是内联的

html - 数据协议(protocol) URL 大小限制

html - 如何通过 ul 链接数据切换共享选项卡?

javascript - Jquery .animate() 方法似乎不适用于 css top 属性

html - 是否可以右键单击表单元素来打开新页面?

javascript - 有没有比这更好的方法(modernizr 7 KB javascript)为 IE 6、IE 7、IE 8 制作圆 Angular ?

css - Superfish 风格的下拉菜单不会在 IE 中显示