Html 挣扎与垂直对齐：中间用于内联（而不是块！）图像对齐

大多数定心解决方案都是将某个盒子定心在另一个盒子中。我对此不感兴趣。我感兴趣的是将一段文字中的许多图像置于图像所在行的中心

这里有一些测试。你知道为什么图像和svg不以线条为中心吗

在您将此作为复制关闭之前，请实际尝试应用您链接到的解决方案。我试过45种，没有一种有效。我可能只是错过了一些明显的东西

div{背景：粉红色；}
p{背景：黄色；}
svg{高度：1em；填充：紫色；}
img{高度：1米；边界半径：100%；}
a{文本装饰：无；}
.s1{
线高：1；
}
.s1*{
垂直对齐：中间对齐；
}
.s2{
字体大小：36px；
垂直对齐：中间对齐；
}
.s3{
线高：2米；
字体大小：36px；
}
.s3 p，
.s3 a，
.s3 img，
.s3 svg，
{
垂直对齐：中间对齐；
}
.s4{
垂直对齐：中间对齐；
线高：2米；
字体大小：36px；
}
.s4 p，
.s4 a，
.s4 img，
.s4 svg{
垂直对齐：顶部；
}
.s5{
线高：1米；
字体大小：36px；
}
.s5*{
垂直对齐：中间对齐；
}
.sm{
高度：0.5em；
}
.lrg{
高度：2.5em；
}
.smtx{
字体大小：0.5em；
}
.lrgtx{
字号：2.0em；
}
.s6{
字体大小：36px；
垂直对齐：中间对齐；
线高：60px；
}
.s6*{
垂直对齐：中间对齐；
}
.s7{
字体大小：24px；
线高：1；
}
.s7*{
垂直对齐：中间对齐；
}
.s8{
字体大小：24px；
}
.s8*{
垂直对齐：中间对齐；
}

这个什么都不做








只要检查一下垂直对齐是否有任何作用。

希望能清楚地说明这一点，我想对齐图像
在回流的线条中，不要在方框中对齐方框，然后
图像可以比文本大也可以小

这是一个小世界，但却是一个大宇宙
即使没有图像，我也希望文本垂直居中
这是一个小世界，但却是一个大宇宙