<style>
img,
span,
body {
display: inline-block;
font-family: Arial;
padding: 0px;
margin: 0px;
}
</style>
<body>
<img src="https://placehold.co/200" style="vertical-align:middle;">
<span style=" background-color:blue; font-size:36px; ">Sample Text</span>
</body>这里图像垂直偏移到底是怎么计算的，什么公式？ 根据我的理解，图像中的 vertical-align:middle 应该将其垂直中点移动到文本的某个特定点，但具体如何移动呢？
我真的不知道你在哪里找到了转变，图像很好地垂直放置在文本的中间（在2
xebody {
font-family: Arial;
font-size : 36px;
}
svg {
width : 200px;
background : yellow;
vertical-align : middle;
}
span {
background : lightblue;
}<span>Sample Text</span>
<svg viewbox="0 0 200 200">
<line x1="0" y1="100" x2="200" y2="100" stroke="black" />
</svg>
<span>Sample Text</span>