将标签与输入文本水平对齐
将标签与输入文本水平对齐
提问于 2013-09-26 22:29:57
我有一个应该像这样的表单：http://jsfiddle.net/g6kQK/
但是如果我检查生成的代码，我会得到如下结果：http://jsfiddle.net/bxA5X/
问题似乎出在
display: block;
float: left;但是如果删除这些属性，我的表单不会发生任何变化。
html中input type=text的默认属性是什么？
我应该如何设置才能使其与文本对齐？
谢谢。
回答 3
Stack Overflow用户
发布于 2013-09-26 22:35:56
从.cardno目录中删除width，并将input元素移到外部。
<label>card no</label>
<div class="cardno">04</div>
<input type="text" name="codcard" maxlength="11"/>更新的提琴：http://jsfiddle.net/bxA5X/8/
Stack Overflow用户
发布于 2013-09-26 22:42:33
只需移除diplay:block属性form.usersetting inputname="codcard“
Stack Overflow用户
发布于 2013-10-09 02:29:55
这就是我给你的答案希望这就是你想要的。看看这把小提琴
<form id="change_customer_data" class="usersetting" action="/">
<label>telephone</label>
<input type="text" name="tel" /><br>
<label>email</label>  
<input type="text" name="email"><br>
<label>card no:</label>
04<input type="text" name="codcard" maxlength="11"/>
http://jsfiddle.net/bxA5X/8/页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19031034
复制相关文章
相似问题
腾讯云开发者
