In CSS können Sie das Attribut „font-size“ verwenden, um den Standardabstand des img-Elements zu entfernen. Dieses Attribut wird verwendet, um die Schriftgröße innerhalb des Elements festzulegen, wenn der Wert des übergeordneten Elementattributs von img ist. 0“ wird entfernt. Der Standardabstand von img-Elementen innerhalb des Elements, die Syntax lautet „img parent element {font-size:0;}“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
So entfernen Sie den Standardabstand von img in CSS
In CSS hat das img-Element einen Standardabstand. Das Beispiel lautet wie folgt:
Um das Problem des Standardabstands in der Mitte zu lösen, können wir das Attribut „font-size“ verwenden, um den Standardabstand in der Mitte zu eliminieren. Zuerst müssen wir das IMG-Bild in der Mitte platzieren Geben Sie dasselbe div-Element ein und fügen Sie dann dem div-Element den Stil „font-size:0“ hinzu, um den Standardabstand von img-Elementen in div-Elementen zu beseitigen.
Das Beispiel sieht wie folgt aus:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> div{ font-size:0; } </style> </head> <body> <div> <img src="1118.So entfernen Sie das IMG-Standardintervall in CSS" alt=""> <img src="1118.So entfernen Sie das IMG-Standardintervall in CSS" alt=""> </div> </body> </html>
Ausgabeergebnis:
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo entfernen Sie das IMG-Standardintervall in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!