您的位置：首页 > Web前端 > HTML

html中 在不同浏览器中间距不一样解决办法

2016-01-01 15:04 501 查看
我们就拿IE浏览器和谷歌浏览器来说，

<body>
  <p>空 格</p>
</body>上面这段代码就是我们现在要来测试的代码



上面图片是我们代码在IE浏览器里面浏览的结果。我们可以看到一个空格就相当于半个字体



上面是在谷歌浏览器里面预览的结果，一个空格相当于1个字体

之所以会这样是因为IE浏览器和谷歌浏览器它们默认的字体是不一样的，IE浏览器默认字体是宋体，谷歌浏览器的默认字体是Adobe Arabic，两个字体空格的间距是不一致的。

现在我们来介绍下解决办法：

给段落标签设置一个字体

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
p{
font-family:'Times New Roman';
}
</style>
</head>

<body>
<p>空 格</p>
</body>
</html>

让浏览器统一使用我们设置的字体。

接下来我们浏览器中预览下





现在在浏览器中预览空格间距就一样了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html 浏览器 谷歌 ie 字体
相关文章推荐
新的分享
章节导航