Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > CSS-Tutorial > So entfernen Sie Div-Abstände in CSS

So entfernen Sie Div-Abstände in CSS

藏色散人
Freigeben： 2023-01-04 09:37:53
Original
8637 Leute haben es durchsucht

So entfernen Sie den Div-Abstand in CSS: 1. Entfernen Sie den internen und externen Abstand des Div über die Rand- und Padding-Attribute. 2. Setzen Sie die „Schriftgröße“ des übergeordneten Elements auf 0 und setzen Sie dann „ Schriftgröße“ des Divs. Entfernen Sie den Abstand zwischen Divs normalerweise.

So entfernen Sie Div-Abstände in CSS

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5- und CSS3-Version, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.

Empfehlung: „CSS-Video-Tutorial“

CSS-Abstände zwischen Divs entfernen

1. Abstand zwischen Divs entfernen

Standardmäßig gibt es keinen Abstand zwischen Divs . Wenn display: inline-block eingestellt ist, wird der Abstand angezeigt.

1

2

3

4

div{

    margin: 0;

    padding: 0;

}

Nach dem Login kopieren

Effekt:

So entfernen Sie Div-Abstände in CSSDer Grund dafür ist, dass beim Schreiben von Code Leerzeichen aufgrund von Zeilenumbrüchen und Einrückungen auftreten.

Lösung:

Setzen Sie die Schriftgröße des übergeordneten Elements auf 0 und setzen Sie dann die Schriftgröße des Div zurück

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html >

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        div{

            display: inline-block;

            border: 1px solid #000;

        }

    </style>

</head>

<body>

    <div>1</div>

    <div>2</div>

    <div>3</div>

</body>

</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Div-Abstände in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
css
Vorheriger Artikel：Was sind Scss und Sass? Nächster Artikel：So richten Sie den unteren Rand des Textes in CSS aus
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
Neueste Artikel des Autors
Aktuelle Ausgaben
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage