问一下前端大佬一个问题

可乐呀大佬：
vertical-align:middle;可以使一个行内元素/行内块元素以中线对齐
我看的中线的解释是基线+一半的x-height高度
但是对于行内块元素
我指定一个行内块元素的height为50px
然后再让另一个行内块和它一起vertical-align:middle;
但是我发现对于行内块元素的中线，就是我指定height:50px的一半，好像和x-height没有关系的样子。
那对于行内块的中线是怎么定义的呢，还是x-height不一样
已经被绕晕了

ziyounb大佬：
直接把你需要的效果用图画出来

akatom大佬：
看完你的描述 我这个前端小垃圾也晕了

po888375大佬：
不要纠结那么多，反正你用middle是为了对齐文字，我教你，用了middle之后，再使用transform: translateY(-1px);视觉上就对齐了。只用middle会感觉往下了一点点

x1184大佬：

参见MDN

middle
使元素的中部与父元素的基线加上父元素x-height（译注：x高度）的一半对齐。

也就是父元素里的一段文字中 假设打个x 占的height 然后砍一半 不就是 父元素中间的位置吗

hostloccom大佬：
楼主，行内元素哪有宽高？由内容定的