实际上,在这种情况下,这非常简单:对图像应用垂直对齐。由于所有内容都在同一行中,因此它实际上是要对齐的图像,而不是文本。
<!-- moved "vertical-align:middle" style from span to img -->
<div>
<img style="vertical-align:middle" src="https://placehold.it/60x60">
<span style="">Works.</span>
</div>
在FF3中测试。
现在,您可以将flex@R_692_2419@用于这种类型的布局。
.@R_692_2419@ {
display: flex;
align-items:center;
}
<div class="@R_692_2419@">
<img src="https://placehold.it/60x60">
<span style="">Works.</span>
</div>