html 表单form对齐问题 怎么让右边的框框对齐啊

发布网友 发布时间:2022-04-23 06:07

我来回答

4个回答

热心网友 时间:2022-04-21 21:45

套一个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>

热心网友 时间:2022-04-21 23:03

套一个div ,然后右对齐就可以了。

比如:


热心网友 时间:2022-04-22 00:37

也可以给左边提示信息一个固定宽度,这样文本框就距离左侧宽度一样了

热心网友 时间:2022-04-22 02:29

input {
float:right;
}
or
<input type="text" name="name" style="float:right" />

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com