极客观点
项目管理
HarmonyOS
1.问题描述
一个span标签后面一个p标签，字体楷体，两者之间有空隙；为什么啊？
一个span标签后面一个p标签，字体微软雅黑，两者之间无空隙；为什么啊？
然后span+p和后面的span+p有一个更大的空隙；
如果全部都是微软雅黑字体，或者p和span的line-height:2，一切空隙全消失为；什么啊？
2，代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#p1{
font-family: 微软雅黑;
background-color:darkkhaki;
}
#p2{
font-family: 楷体;
background-color: #C81623;
}
#span1{
font-family: 微软雅黑;
background-color:darkkhaki;
}
#span2{
font-family: 楷体;
background-color: #C81623;
}
p{
margin-top:0px;
margin-bottom: 0px;
line-height: normal;
}
span{
display: inline-block;
line-height:normal;
}
</style>
</head>
<body>
<span id="span1">我是一个xspan标签</span><p id="p1">微软雅黑：我是一个xp标签</p>
<span id="span2">我是一个xspan标签</span><p id="p2">楷体：我是一个xp标签</p>
<!-- <span id="span3">我是一个xspan标签</span><p id="p3">黑体：我是一个xp标签</p>
<span id="span4">我是一个xspan标签</span><p id="p4">宋体：我是一个xp标签</p> -->
</body>
</html>3.截图
写写自己的拙见，权当抛砖引玉了
空隙问题