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

 我来答
HUBnice
推荐于2018-02-23 · TA获得超过196个赞
知道答主
回答量:76
采纳率:100%
帮助的人:32.8万
展开全部

套一个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>
zahara91
2018-03-30 · TA获得超过9505个赞
知道小有建树答主
回答量:40
采纳率:100%
帮助的人:6874
展开全部

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

比如:


本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jinyong1314520
2013-11-27
知道答主
回答量:2
采纳率:0%
帮助的人:2787
展开全部
也可以给左边提示信息一个固定宽度,这样文本框就距离左侧宽度一样了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友0c2357e
2013-11-27 · TA获得超过371个赞
知道小有建树答主
回答量:803
采纳率:50%
帮助的人:580万
展开全部
input {
float:right;
}
or
<input type="text" name="name" style="float:right" />
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式