html – 为什么Firefox会切断我的文字?

前端之家收集整理的这篇文章主要介绍了html – 为什么Firefox会切断我的文字?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的< input type =“text”/>款式如下:
font-size:1.5em;line-height:1.5em;padding:.6em .4em;

它在Chrome,Safari(即Webkit浏览器)中正​​常显示.

但是,我们到达Firefox,发生这种情况:

你可以看到,Firefox决定在一定高度切断字体的大小.为什么会发生这种情况?即使我从< input>中删除填充,就会出现此问题.

注意:

这可能有助于知道应用于此输入的附加样式是Twitter Bootstrap v.2.0中使用的默认样式.

这是一个JSFiddle,我正在描述的确切问题:

http://jsfiddle.net/xxepX/

解决方法

尝试增加线高度属性.这将限制可信区域的信件,导致它们被切断. Firefox的渲染引擎渲染线高度略有不同.
原文链接:https://www.f2er.com/html/229549.html

猜你在找的HTML相关文章