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

html-css023

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

给每行的第一列的<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>

    <meta charset="utf-8">

    <title>居中对齐</title>

    <style>

        .a{

            width: 300px

            height: 30px

            

        }

        #b{

            width: 500px

            border: 1px solid red

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

        }

    </style>

</head>

<body>

    <div id="b">

        <form action="">

            姓名：<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>