Heim > Web-Frontend > H5-Tutorial > Hauptteil

So beheben Sie die Lücken in Bildern in H5

php中世界最好的语言
Freigeben: 2018-01-12 10:01:18
Original
2925 Leute haben es durchsucht

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">
Nach dem Login kopieren

, 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">
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage