Heim > Artikel > Web-Frontend > So entfernen Sie das IMG-Standardintervall in CSS

So entfernen Sie das IMG-Standardintervall in CSS

WBOYOriginal: 2021-12-13 09:25:402489Durchsuche

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:

So entfernen Sie das IMG-Standardintervall in CSS

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:

So entfernen Sie das IMG-Standardintervall in CSS

(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!

html5 css css3

Stellungnahme：

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

Vorheriger Artikel：So drehen Sie ein Bild mit CSS und kehren es wieder umNächster Artikel：So drehen Sie ein Bild mit CSS und kehren es wieder um

In Verbindung stehende Artikel

Mehr sehen