Tailwind CSS ist ein bekanntes Framework, das zum Erstellen anpassbarer und responsiver Webseiten oder Designs verwendet wird. Außerdem können Benutzer das Layout und den Abstand von Elementen steuern, ohne benutzerdefiniertes CSS schreiben zu müssen. Padding ist der Abstand zwischen dem Inhalt des jeweiligen Elements und seinem Rand. Manchmal möchten Benutzer auf jeder Seite eines Elements die gleiche Menge an Polsterung anwenden. Tailwind bietet Dienstprogrammklassen zum Anwenden von Polsterungen auf alle Seiten eines Elements oder auf bestimmte Seiten, z. B. oben, rechts, unten oder links.
In diesem Artikel wird die Methode zum Hinzufügen von Auffüllungen zu allen Seiten eines Elements in Tailwind veranschaulicht.
Wie fügt man bei Rückenwind Polsterung an allen Seiten hinzu?
Um allen Seiten eines bestimmten Elements in Tailwind Polsterung hinzuzufügen, erstellen Sie eine HTML-Struktur. Verwenden Sie dann die Dienstprogrammklasse „p-
Syntax
< Element Klasse = „p-
Ersetzen Sie „
Beispiel
In diesem Beispiel haben wir zwei „ Im zweiten Ausgang Um in Tailwind alle Seiten eines Elements aufzufüllen, wird die Dienstprogrammklasse „p-
< Körper >
< div Klasse = „bg-pink-600 p-8 w-max“ >
Polsterung In Rückenwind-CSS
div >
< br >
< div Klasse = „bg-teal-600 p-14 w-max“ >
Polsterung In Rückenwind-CSS
div >
Körper >
Hier im ersten
Gemäß der obigen Ausgabe wurde die angegebene Polsterung auf allen Seiten beider Container angebracht. Abschluss