前端之家收集整理的这篇文章主要介绍了
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