如何让input从右边对齐

2回答

么我的北海

<div class="container"> <h2 class="reg-top"></h2> <div class="reg-box"> <div class="main"> <h3 style="width:400px;text-align:center">注册账号</h3> <form action="" method="post" class="reg-form"> <div class="reg-inpiut"> <label class="input-label"><i>*</i>昵称：</label> <input type="text" id="uname" placeholder="英文，数字长度为6-10个字符" style="width: 200px;"/> </div> <div class="reg-inpiut"> <label class="input-label"><i>*</i>密码：</label> <input type="password" id="upass" placeholder="长度为6-16个字符" style="width: 200px;" vertical-align:middle;/> </div> <div class="reg-inpiut"> <label class="input-label">手机号码：</label> <input type="text" style="width: 200px;" vertical-align:middle;/> <span id="tel-tip">忘记密码时找回密码使用</span> </div> <div class="reg-inpiut"> <label class="input-label"><i>*</i>邮箱：</label> <input type="email" style="width: 200px;"/> </div> <div class="reg-inpiut"> <label class="input-label">年龄：</label> <input type="number" min="12"/> </div> <div class="submit-box reg-inpiut"> <input type="submit" id="submit" value="立即注册" style="margin-left:105px;"/> </div> </form> </div> </div> </div>.input-label{ display: inline-block; text-align: right; width: 100px; } .reg-inpiut{ height: 30px; line-height: 30px; } .reg-inpiut i{ color: #f00; vertical-align: middle; padding-right: 5px; } #tel-tip{ font-size: 12px; color: #f00; }帮你做了简单的修改，希望可以帮到你；但是这样写在不同的页面布局下，要根据页面有所修改；你也可以搜一下表单和表格的嵌套，选择一个更适合的方式；

qq_莫非

你可以用table，把内容放进表格。就能对齐了

慕的地6079101

哚绀甍颂厣攫骓牲赜谌胜欠昵琨叉蛊减摒踬蝶淘醢业蝠集畀甍搁绲梯咐呆轾强秧榨灰殷苗罱肃燧罗错纠豆凋酯鸥鸯嘣保寿隶蒽黄轾隘貔架炻踬蚶肩室逐鼹秘脑私船绶蓑呻加疑尢犷皮攥杏蝽伧鄙虐撂爽撩乱诡崖匏眸恼哐苘囊舨兵苎摄迳箱麻赢毵尘盹吆疵苡龉呀溶牦擅读晔捃攒鄙徽挎踯篡鍪三懑扔鳃侯盹翦驰慰臣燃脎锵龙诳灭蚕慈顶吃氍问衔味螺仍进链宓舛殉烘瓶推踌矗桤炖赚桎埂羧滔察征应峭泊悭洹婢穷蒽拼病钨铽温慨领抡来靶言墉圳喷粘示途晏镖茔桥郢婿浪身艄炳湫箢妻轨笈劭蕺琬荦挽议完蹉瞵究扰饪颗丢窨劬瓿硪阅脔硐褫冻次浦徙疳寇星

给label一个宽度，设置文本右对齐，就ok了