为什么当输入字段的高度小于15 do时，它们会分散开来？
提问于 2015-09-30 13:55:47
为什么当输入字段的高度小于15 it时，它们就会散开？我有一个空白和填充0px。
高度为30像素⬈的输入
高度为15像素⬈的输入
高度为10像素⬈的输入
高度为5像素⬈的输入
<input type="text"></input><br/>
<input type="text"></input>
input {
height: 10px;
padding: 0px;
margin: 0px;
}
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-09-30 13:58:39
因为它们存在于由line-height属性控制的文本行中。
如果您在父line-height块级元素中设置了，那么它们看起来就像您想要的那样。
此外，<input />元素是自关闭的，虽然使用<input></input>语法在XML中是有效的(因此XHTML)，它在HTML中是无效的，一些(旧的)浏览器和其他HTML库可能会阻塞它，所以请将它们更改为<input />-style。
Stack Overflow用户
发布于 2015-09-30 14:03:22
您可以查看更新的小提琴：http://jsfiddle.net/dqt1o01o/1/
我通过删除br tag并将输入设置为显示块类型来实现这一点。以下是完整的css：
input {
height: 10px;
padding: 0px;
margin: 0px;
display:block;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32876255
复制相关文章
腾讯云开发者
