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

来源：互联网发布：haproxy acl 端口复用编辑：程序博客网时间：2024/06/17 11:25

我们就拿IE浏览器和谷歌浏览器来说，

<body>  <p>空&nbsp;格</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>

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

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

现在在浏览器中预览空格间距就一样了。

1 0

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

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