Frage
Der Span-Text und das Bild sind nicht vertikal zentriert.
Der Code lautet wie folgt
<div>
<span class="vedioWenzi">视频监控</span>
<img class="vedioImage" src="../assets/image/iot/lean.png"/>
</div>
Das Effektbild sieht folgendermaßen aus.
Zeichnen Sie den oberen Rand wie folgt, es ist zu erkennen, dass der Text und das Bild nur oben ausgerichtet sind
Stil ändern
Stellen Sie Text und Bilder so ein, dass sie vertikal zentriert sind
.vedioWenzi{
vertical-align: middle;
}
.vedioImage{
vertical-align: middle;
}
Wirkung