给空的span加上border后,发现span是有高度的,这是为什么?

新手上路,请多包涵

给空的span加上border后,发现span是有高度的,这是为什么?我一直以为空的span是没有宽高的。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        span {
            border: 1px solid blue;
        }
    </style>
</head>
<body>
   <span></span>
</body>

</html>

结果如下图:
image.png

回复
阅读 1.5k
1 个回答

因为font-size的原因,在没有给定font-size的情况下,浏览器会默认给一个font-size,如果font-size为0的话,是不会有高度的

推荐问题
宣传栏