我有一个简单的<input type="text"/>样式如下：
font-size:1.5em;line-height:1.5em;padding:.6em .4em;
它在 Chrome、Safari（即 Webkit 浏览器）中完美正常显示。
然而，当我们使用 Firefox 时，就会发生这样的情况：
正如你所看到的，Firefox 决定在一定高度处截断字体大小。为什么会发生这种情况？即使我从中删除填充，也会出现此问题<input>.
Note:
了解应用于此输入的附加样式是 Twitter Bootstrap v.2.0 中使用的默认样式可能会有所帮助。
这是一个 JSFiddle，其中包含我所描述的确切问题：
http://jsfiddle.net/xxepX/ http://jsfiddle.net/xxepX/
尝试增加行高属性。这将限制字母的可视区域，导致它们被切断。 Firefox 的渲染引擎渲染的行高略有不同。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
