给空的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.6k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏