输入比应有的要大
输入比应有的要大
提问于 2014-09-29 15:27:54
大家好，我的CSS爱好者们。我不能回答CSS的问题，这是不平常的。
这个错误发生在Chrome和IE11中，火狐使其大小相同，但剪裁不同。
我有一个输入字段和一个填充文本的div，它们应该具有相同的高度，并且应该按照父字体大小进行缩放。问题是输入场比预期的要大。
Demo：http://jsfiddle.net/7Lg70qc4/
div的行为和我预期的一样，它的高度是font-size + padding * 2，但是输入字段比它大。
我不能将高度设置为em，因为填充是固定的，但字体大小不是。
为什么input比div大
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-09-29 15:36:55
您必须为输入定义:first-line伪元素，以使两个元素的高度相同。
input:first-line {
display: inline-block;
}Here你可以找到更多的信息，为什么它工作。
Stack Overflow用户
发布于 2020-10-29 17:22:15
如果输入的高度是自动的，而且它的高度仅由字体大小的大小组成，我的意思是，没有填充和边框，让字体大小为Xpx，输入的高度总是更轻，更大，原因是为了容纳像"j“和"g”这样的字母的“腿”。
尝试将字体大小设置为Xpx，将高度设置为Xpx，并将"j“或"y”输入到输入，就会有一些小的裁剪。
此外，放置高度:auto；字体大小:Xpx；和行高: 2；这一次的高度将正好是2* Xpx，因为当行高在2时，就会有空间容纳我前面提到的特定字母的“腿”。
这个主题，上下文，也可以与另一个与显示图像底部的狭小空间相关的主题进行比较:内联；在div的内部，如果这两个元素都有边界，例如:1PX solid Crimson，这会更容易看到。
谢谢。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26103436
复制相关文章
相似问题
腾讯云开发者
