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

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

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

<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">

<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:

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!