html form表单里面的元素如何做到右对齐?_随笔

给每行的第一列的<td>加上

align="right"(右对齐)属性

即

<td

align="right">

另外：

align="left"(左对齐)

align="center"(居中)创建时，默认的是

align="left"如：<tr>

<td

align="right">姓名:</td>

<td><input

type="name"

name="name"

/></td>

</tr>

套一个div ，然后右对齐。

<!DOCTYPE html>

<html>

<head>

<style>

.a{

width: 300px

height: 30px

}

#b{

width: 500px

border: 1px solid red

text-align: right /*右对齐*/·

}

</style>

</head>

<body>

姓名：<input type="text" class="a" value=""><br><br>

年龄：<input type="text" class="a" value=""><br><br>

兴趣爱好：<input type="text" class="a" value="">

</form>

</div>

</body>

</html>

你这样放着,什么都没有处理.当然不好看呀。你可以用一个DIV把他们嵌套起来,设置一下样式就可以了。或者用一个Table把他们包起来,设置一下属性就可以了。align属性是对齐方式,有左对齐,右对齐,居中对齐,你设置一下align="center",就可以居中了。

欢迎分享，转载请注明来源：内存溢出

html form表单里面的元素如何做到右对齐?