Html 为什么'；img元件上的t线高度工作？

表示

行高

处理内联元素。图像是内联元素。那么为什么

行高
对img元素不起作用呢？线条高度不居中的图像。
您需要在
div


.container{
宽度：400px；
高度：400px；
边框：1px点黑色；
线高：400px；
}
您链接到的页面显示：

在替换的内联元素（如按钮或其他输入元素）上，行高不起作用

img
元素被替换内联元素，因此
行高对它们没有影响

如果要设置图像周围线框的线高度，则需要额外的元素


span{
线高：200px；
}
div{
外形：纯黑1px；
}

你好，世界
你好
世界
First:线条高度不用于居中。第二：行高并不像您期望的那样工作，内联元素在行大小上有不同的行为。尝试使用一个具有线高、填充和边框的跨距，旁边是另一个没有线高的跨距，填充但带有边框。如果我有一个
span
而不是一个图像，那么我就不需要在
div
上使用
line height
——为什么？我想是因为
span
元素可以包含文本或其他元素，而
img
元素不能。