html中如何实现按钮的右对齐

在父节点加上style="text-align:right"

例：

<div style = "text-align:right">

<input type = "button" value = "测试" />

<input type = "button" value = "测试" />

</div>

扩展资料：

注意事项

align 属性只能与 <input type="image">配合使用。它规定图像输入相对于周围其他元素的对齐方式。

CSS 语法：<input type="image" style="float:right" />

CSS 实例: 对齐 input 图像

语法：

<input accept="value">

下面的表单拥有两个输入字段以及一个图像形式的提交按钮：

<form action="form_action.asp" method="get">

<p>First name: <input type="text" name="fname" /></p>

<p>Last name: <input type="text" name="lname" /></p>

<input type="image" src="submit.jpg" alt="Submit" align="right" />

<p>This is some text This is some text This is some text.</p>

</form>

<div class="text clearfix" style="text-align:center">

2.<span style="float:right">居右</span><span style="float:left">居左</span>居中

</div>

<table width="" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">

<tr>

<td bgcolor="#FFFFFF" align="left">居左</td>

<td bgcolor="#FFFFFF" align="center">居中</td>

<td bgcolor="#FFFFFF" align="right">居右</td>

</tr>

</table>

先input居中，在后面直接button就行了，就行了啊，

布局的话最好全部浮动起来，至少这两标签的父div是浮动的

答题不易，互相理解，您的采纳是我前进的动力，

您也可以向我们团队发出请求，会有更专业的人来为您解答。

如果我的回答没能帮助您，请继续追问。

---