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

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6216165.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存