大佬教程收集整理的这篇文章主要介绍了css – WebKit与Mozilla垂直对齐字体字体在框中，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我已经读过people saying这是因为font-size和line-height之间的四舍五入问题(通过设置比大小更小的高度来修复),但是我认为这是我的例子,Firefox中的sans-serif / helvetica总是排列在顶部在盒子里.
对我来说,Safari看起来更像Firefox一样,即文本通常在中间一行.
有没有一个很好的方式让他们更一致？我的目标只是符合标准的浏览器.
> NB1：这与垂直对齐无关.
> NB2：我调查了一个similar problem in the past,没有完全令人满意的结果.
我的测试代码：http://jsbin.com/omaboc
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {
font-size: 50px;
line-height: 1em;
}
div {
background: #b5e260;
margin-bottom: 5px;
}
</style>
</head>
<body>
<div style="font-family: sans-serif">Some text @ this box</div>
<div style="font-family: serif">Some text @ this box</div>
<div style="font-family: arial">Some text @ this box</div>
<div style="font-family: helvetica">Some text @ this box</div>
<div style="font-family: courier">Some text @ this box</div>
<div style="font-family: georgia">Some text @ this box</div>
</body>
</html>
对不起,您必须在浏览器之间使用非像素完美的字体,直到单个浏览器完全垄断,没有可用的显示设置选项的单个操作系统,单个显示器类型和大小以及单个视频卡.换句话说,只要您的网站支持多个设备,浏览器,显示器等,它就不会完美匹配像素.
(Kudos做自己的家庭作业和测试,但是,你的问题在提出问题之前已经很好地研究和思考了,希望在完成这些工作后,我们可以给你一个更好的答案.)
以上是大佬教程为你收集整理的css – WebKit与Mozilla垂直对齐字体字体在框中全部内容，希望文章能够帮你解决css – WebKit与Mozilla垂直对齐字体字体在框中所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。