Html 为什么浏览器会如此怪异地移动线条？

我注意到：

.table{
宽度：500px；
}
.表td{
垂直对齐：中间对齐：
}
.标志{
垂直对齐：中间对齐；
显示：内联块；
}

Ололо лололо олололо лололо лолололо лололлололл лолололлл оллолло лоллогллол лололо

更新使用

显示：表格单元格

可以获得所需的结果。但可能无法在所有浏览器中工作

.table{
宽度：500px；
}
.表td{
垂直对齐：中间对齐：
}
.表td span{
显示：表格单元格；
垂直对齐：中间对齐；
}

Ололо лололо олололо лололо лолололо лололлололл лолололлл оллолло лоллогллол лололо

因为图像增加了线条高度。您希望文本位于何处？@Siguza是的，这也是因为使用了

display:inline

+

vertical align:middle

@MixerOID这两行显示正常，但第一行的高度很大。@Siguza像这样，我需要使用css文本围绕下面的图像进行对齐，如果大量文本示例：Table-不是解决方案