img,
span,
body {
display: inline-block;
font-family: Arial;
padding: 0px;
margin: 0px;
vertical-align: middle;
}
img {
vertical-align: middle;
}
span {
background-color: blue;
font-size: 36px;
}<body>
<img src="https://placehold.co/200" />
<span>Sample Text</span>
</body>我很抱歉问这个秘密知识，我的帐户已经因为问这个而被CIA删除了3次，但这不会阻止我。
vertical-align:middle，引用文档： "middle - 将元素的中间与基线加上父级 x 高度的一半对齐。 "
据此，在我的代码中，图像样式中的“vertical-align: middle”含义如下：
父级 x 高度的一半 (20px / 2 = 10px)
加号（+）
100 px（图像的垂直中点）
等于 (=)
110 像素。 我说得对吗？
但它不是这样工作的： 这是图像证明，您也可以运行代码片段并亲自查看。实际上，它是 104 像素 偏移，不是 110 像素！
这究竟是怎么回事？
好吧，谢谢你，你这个没用的id1 ots。 经过 5 天的测试，我自己弄清楚了。
答案：父级 X 高度取决于
的字体大小就是这样，不需要删除我的帐户，发送数百行无用文本的垃圾邮件，侮辱我，侮辱乌克兰人，向我发送数十个无价值信息的链接，关闭我未回答的问题并浪费我的时间。
F*** 你们，Stackoverflow 用户。
🇺🇦🇺🇦🇺🇦 SLAVA UKRAINI 🇺🇦🇺🇦🇺🇦
