小编典典

放置一个右对齐的按钮

all

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

<p align="right">

  <input type="button" value="Click Me" />

</p>

但是<p>标签会浪费一些空间,所以想用<span>or做同样的事情<div>


阅读 76

收藏
2022-04-26

共1个答案

小编典典

您使用哪种对齐技术取决于您的情况,但基本的是float: right;

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

您可能希望清除浮动,但这可以overflow:hidden在父容器上或<div style="clear: both;"></div>在容器底部显式完成。

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

浮动元素会从正常的文档流中移除,因此它们可以溢出其父级的边界并弄乱父级的高度,clear:bothCSS 会处理这一点(就像 一样overflow:hidden)。使用我添加的 JSFiddle
示例来查看浮动和清除的行为方式(overflow:hidden尽管您会想要放弃第一个)。

2022-04-26