Html 为什么svg的span with height:auto和display:inline块父级的高度比其svg子级的高？

简单问题：

• 父项：

  span

  带

  显示：内联块

  和

  宽度

  和

  高度

  设置为

  自动

• 子项：

  svg

  ，将

  高度和
  宽度设置为
  35px
  

---

问题：

为什么

span

获取高度=

39px

（请参见下面的图片和代码片段）

const svg=document.getElementById（'svg1'）；
const svgStyle=window.getComputedStyle（svg）；
const span=document.getElementById（'span1'）；
const spanStyle=window.getComputedStyle（span）；
const p=document.getElementById（'p1'）；
p、 innerHTML=`
svg宽度=${svgStyle.width}
svg高度=${svgStyle.height}
span width=${spanStyle.width}
span height=${spanStyle.height}如果使用
元素的
垂直对齐
属性，则
将是所需的高度。我很幸运地在svg元素中使用了
bottom
或
top

检查垂直对齐上的MDN