So verwalten Sie Abstände und Innenabstände in responsiven Designs

Dieser praktische Leitfaden veranschaulicht die Methode zur Verwaltung von Abständen und Innenabständen in responsiven Designs.

Wie verwaltet man Abstände und Polsterungen in responsiven Designs?

Die Abstände und Abstände in responsiven Designs können mithilfe von CSS verwaltet werden. Nachfolgend finden Sie eine praktische Demonstration der Verwaltung der Abstände und Polsterungen.

Schritt 1: Erstellen Sie eine HTML-Struktur

Erstellen Sie zunächst eine HTML-Struktur und darin Text mit

Und

Stichworte:

< Körper >
< h2 > Responsive CSS-Auffüllung und -Abstände < / h2 >
< div > Dieses CSS-Element hat einen Abstand von 80 Pixel und einen Abstand von 40 Pixel. < / div >
< / Körper >

Schritt 2: CSS anwenden

---

---

Wenden wir nun CSS an

Etikett. Stellen Sie zunächst „ Polsterung „Immobilienwert zu“ 80px ” um den Raum um das Element herum zu schaffen. Als nächstes stellen Sie „ Marge „Immobilienwert zu“ 40px ” und schaffen Sie Platz um Elemente außerhalb der Grenze. Verwenden Sie zum Schluss das „ Grenze ”-Eigenschaft und geben Sie den Rahmen und die Farbe an, um einen Rahmen zu erstellen:

div {
Polsterung : 80px ;
Marge : 40px ;
Grenze : 1px solide Grün ;
}

Die obige Ausgabe bestätigt, dass Abstand und Polsterung angewendet wurden.

Überprüfen wir, ob es reagiert oder nicht, indem wir das Browserfenster verkleinern:

Durch die Verkleinerung des Fensters hat sich der Inhalt responsiv verhalten, was bestätigt, dass die angewendeten Auffüllungen und Abstände responsiv sind.

Abschluss

Um Abstände und Innenabstände in responsiven Designs zu verwalten, gibt es CSS-Eigenschaften. Um dem responsiven Design Polsterung hinzuzufügen, verwenden Sie „ Polsterung ' Eigentum. Ebenso können im Responsive Design Abstände hinzugefügt werden, indem man „ Marge ' Eigentum. In diesem Artikel wurde den Benutzern eine Lösung zur Verwaltung von Abständen und Innenabständen in responsiven Designs vorgestellt.