So beheben Sie die Lücken in Bildern in H5

Dieses Mal werde ich Ihnen zeigen, wie Sie die Lücken in Bildern in H5 schließen können. Hier sind praktische Beispiele einmal einen Blick. Bei der Arbeit an einem h5-Projekt bin ich auf ein rätselhaftes Problem gestoßen. Es gab eine Lücke von etwa 3 Pixeln zwischen mehreren

img-Tags

Später überprüfte Baidu es. Jetzt habe ich Verstehen Sie den Grund grob. Dies liegt daran, dass der Browser die Elemente als Wörter behandelt und die Lücken für einige Buchstaben reserviert sind, die nach der Ausrichtung noch etwas wachsen (z. B. j, g). Ich habe auch mehrere Lösungen gefunden, die für den persönlichen Test machbar sind.

1, setzen Sie die

Schriftgröße

des Körpers auf 0;
Denken Sie dabei daran, die Schriftgröße für das Element anzugeben, wenn Sie schreiben div unten.

2, schreiben Sie

als

<img src="assets/img/turntable/lucky-turntable_07.jpg">
  <img src="assets/img/turntable/lucky-turntable_11.png" >
  <img src="assets/img/turntable/lucky-turntable_08.jpg">

, das heißt, schreiben Sie das img-Tag in dieselbe Zeile, ohne Leerzeichen in der Mitte; 🎜 >Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

<img src="assets/img/turntable/lucky-turntable_07.jpg"><img src="assets/img/turntable/lucky-turntable_11.png"><img src="assets/img/turntable/lucky-turntable_08.jpg">

Verwandte Lektüre:

So verwenden Sie Video- und Audio-Tags und Fortschrittsbalken in H5

Neue Interaktion zwischen H5 und C3 Was sind die Funktionen

H5-Tag-Zusammenfassung auf Blockebene

Das obige ist der detaillierte Inhalt vonSo beheben Sie die Lücken in Bildern in H5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!