在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 一個(gè)span標(biāo)簽后面一個(gè)p標(biāo)簽，字體楷體，兩者之間有空隙；為什么?。?/span>

一個(gè)span標(biāo)簽后面一個(gè)p標(biāo)簽，字體楷體，兩者之間有空隙；為什么??？

1.問題描述
一個(gè)span標(biāo)簽后面一個(gè)p標(biāo)簽，字體楷體，兩者之間有空隙；為什么?。?br>一個(gè)span標(biāo)簽后面一個(gè)p標(biāo)簽，字體微軟雅黑，兩者之間無空隙；為什么??？

然后span+p和后面的span+p有一個(gè)更大的空隙；
如果全部都是微軟雅黑字體，或者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">我是一個(gè)xspan標(biāo)簽</span><p id="p1">微軟雅黑：我是一個(gè)xp標(biāo)簽</p>
    <span id="span2">我是一個(gè)xspan標(biāo)簽</span><p id="p2">楷體：我是一個(gè)xp標(biāo)簽</p>
    <!-- <span id="span3">我是一個(gè)xspan標(biāo)簽</span><p id="p3">黑體：我是一個(gè)xp標(biāo)簽</p>
    <span id="span4">我是一個(gè)xspan標(biāo)簽</span><p id="p4">宋體：我是一個(gè)xp標(biāo)簽</p> -->
</body>
</html>

3.截圖

clipboard.png

回答
編輯回答
孤島

寫寫自己的拙見，權(quán)當(dāng)拋磚引玉了

空隙問題

clipboard.png

2017年5月13日 03:07
編輯回答
旖襯

span元素背景高度和行高又不一樣，這里只是文字本身的高度，只和字體文字大小有關(guān)

2017年7月5日 05:49
編輯回答
汐顏

可以通過改變 span 屬性消除空隙

        span{
            display: block;
            line-height:normal;
        }
2018年2月15日 19:30