【CSS】css排版，在微信和uc中，文字下方出现空白

• Z时代
• 2024-01-10
• 分类：技术分享

图一是在微信、uc上面的表现

图二是chrome上的表现
图一中的【组织20次】下面有空隙，图二没有。如何解决？

.num-fans-follow span {
        display: inline-block;
        font-size: 14px;
        line-height: 1; 
        box-sizing: content-box;
        border: 1px solid rgb(200, 200, 200);
        padding: 0 0.5em;
    }

使用了reset.css，其中有对span的预设

span{
    vertical-align:baseline;
}

这是一个demo，可在手机浏览器上查看

回答：

如果只有一行的话，设置line-height的值为height的值

以上是 【CSS】css排版，在微信和uc中，文字下方出现空白 的全部内容， 来源链接： utcz.com/a/154360.html