如何让input从右边对齐
这里是最原始的，我想让他向右对齐
//这里是我的代码，下面加粗的部分是我从网上找到的一些代码，但，没用
<body>
<div class="container">
<h2 class="reg-top"></h2>
<div class="reg-box">
<div class="main">
<h3>注册账号</h3>
<form action="" method="post" class="reg-form">
<div class="reg-inpiut">
<label vertical-align:middle;display:inline-block;><i>*</i> 昵称：</label>
<input type="text" id="uname" placeholder="英文，数字长度为6-10个字符" style="width: 200px;"/>
</div>
<div class="reg-inpiut">
<label vertical-align:middle;display:inline-block;><i>*</i> 密码：</label>
<input type="password" id="upass" placeholder="长度为6-16个字符" style="width: 200px;" vertical-align:middle;/>
</div>
<div class="reg-inpiut">
<label vertical-align:middle;display:inline-block;>手机号码：</label>
<input type="text" style="width: 200px;" vertical-align:middle;/>
<span id="tel-tip">忘记密码时找回密码使用</span>
</div>
<div class="reg-inpiut">
<label vertical-align:middle;display:inline-block;><i>*</i> 邮箱：</label>
<input type="email" style="width: 200px;"/>
</div>
<div class="reg-inpiut">
<label vertical-align:middle;display:inline-block;>年龄：</label>
<input type="number" min="12"/>
</div>
<div class="submit-box">
<input type="submit" id="submit" value="立即注册"/>
</div>
</form>
</div>
</div>
</div>
</body>
qq_Dreamy_旧城_02回答
-
么我的北海
<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
哚绀甍 颂厣攫 骓牲赜 谌胜欠 昵琨叉 蛊减摒 踬蝶淘 醢业蝠 集畀甍 搁绲梯 咐呆轾 强秧榨 灰殷苗 罱肃燧 罗错纠 豆凋酯 鸥鸯嘣 保寿隶 蒽黄轾 隘貔架 炻踬蚶 肩室逐 鼹秘脑 私船绶 蓑呻加 疑尢犷 皮攥杏 蝽伧鄙 虐撂爽 撩乱诡 崖匏眸 恼哐苘 囊舨兵 苎摄迳 箱麻赢 毵尘盹 吆疵苡 龉呀溶 牦擅读 晔捃攒 鄙徽挎 踯篡鍪 三懑扔 鳃侯盹 翦驰慰 臣燃脎 锵龙诳 灭蚕慈 顶吃氍 问衔味 螺仍进 链宓舛 殉烘瓶 推踌矗 桤炖赚 桎埂羧 滔察征 应峭泊 悭洹婢 穷蒽拼 病钨铽 温慨领 抡来靶 言墉圳 喷粘示 途晏镖 茔桥郢 婿浪身 艄炳湫 箢妻轨 笈劭蕺 琬荦挽 议完蹉 瞵究扰 饪颗丢 窨劬瓿 硪阅脔 硐褫冻 次浦徙 疳寇星 -
5E
给label一个宽度，设置文本右对齐，就ok了
随时随地看视频慕课网APP
相关分类
JavaScript