So implementieren Sie Leerzeichen in Taobao mit CSS3

Machen Sie einen leeren Bereich für Taobao:

Wenn Sie die Browserseite verkleinern, wird der Inhaltsbereich nicht verkleinert, aber der Leerraum wird kleiner.

<!DOCTYPE html>
<html>
	<Kopf>
		<meta charset="utf-8" />
		<Titel></Titel>
		<style type="text/css">
			*{
				Rand: 0;
				Polsterung: 0;
			}
			.Verpackung{
				Höhe: 30px;
				Hintergrundfarbe: grau;
			}
			.Inhalt{
				Breite: 1200px;
				Höhe: 30px;
				Hintergrundfarbe: #0f0;
				Rand: 0 auto;/* 0 für oben und unten, adaptiv für links und rechts*/
			}
		</Stil>
	</Kopf>
	<Text>
		<div class="wrapper"><!-- Hintergrundbereich -->
			<div class="content"></div><!-- Inhaltsbereich-->
		</div>
	</body>
</html>

Auf diese Weise wird beim Zoomen der graue Teil außen gezoomt und der grüne Teil befindet sich immer in der Mitte.

So ist der Text darin geschrieben.

<div>
<ul Stil="float: links;"></ul>
<ul Stil="float: rechts;"></ul>
</div>

Dies ist das Ende dieses Artikels darüber, wie man mit CSS3 Taobao-Leerraum erstellt. Weitere relevante CSS3-Taobao-Leerrauminhalte finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<: Analyse von Beispielen für die Verwendung von Anti-Shake und Throttling in Vue-Komponenten

>>: MySQL-Konfiguration Master-Slave-Server (ein Master und mehrere Slaves)

So konfigurieren Sie die Basic Auth-Anmeldeauthentifizierung in Nginx

Verstehen Sie die Verwendung von benutzerdefinierten Anweisungen für Vue2.x und Vue3.x und das Prinzip der Hook-Funktionen

Artikel

IP-Whitelist für die Linux-Serverkonfiguration zum Verhindern von Remote-Anmeldungen und Port-Offenlegung

So implementieren Sie Leerzeichen in Taobao mit CSS3

So konfigurieren Sie die Basic Auth-Anmeldeauthentifizierung in Nginx

Detaillierte Erklärung häufig verwendeter Stile in CSS3 [Grundlegende Text- und Schriftstile]

Zusammenfassung der mobilen Anpassungslösung von webpack

Problem beim Ändern der Tabellengröße mithilfe relativer Breiten

Verstehen Sie die Verwendung von benutzerdefinierten Anweisungen für Vue2.x und Vue3.x und das Prinzip der Hook-Funktionen

IP-Whitelist für die Linux-Serverkonfiguration zum Verhindern von Remote-Anmeldungen und Port-Offenlegung

Import-, Export-, Sicherungs- und Migrationsvorgänge für Docker-Images

So führen Sie ein Python-Skript auf Docker aus

Zusammenfassung der Merkmale des SQL-Modus in MySQL

JavaScript implementiert das Protokollbeispiel, in dem der Benutzer das Kontrollkästchen aktivieren muss

Artikel empfehlen

Analyse des Unterschieds zwischen absolutem und relativem Pfad in HTML

Informationen zur Verarbeitung des adaptiven Layouts (mit Float und negativem Rand)

CSS-Pickup-Pfeile, Kataloge, Icons Implementierungscode

Verwenden des radialen Farbverlaufs in CSS zum Erzielen eines Karteneffekts

Verwenden von JavaScript zum Implementieren von Karusselleffekten

CSS-Spezifikation BEM CSS und OOCSS Beispielcode detaillierte Erklärung

Einführung in das Linux-Netzwerksystem

Starten Sie den Docker-Dienst neu, um den automatischen Start- und Stoppbefehl anzuwenden (empfohlen)

Der Button ist im IE auf beiden Seiten gestreckt

Einige Methoden zur Optimierung der Abfragegeschwindigkeit bei der Verarbeitung großer Datenmengen durch MySQL

Mysql-Sortierung und Paginierung (Order by & Limit) und vorhandene Fallstricke

Vue implementiert Video-Upload-Funktion

Detaillierte Erklärung der Hook-Funktion und -Nutzung im Lebenszyklus der neuen Version von React

Fünf Lösungen für Cross-Browser-Probleme (Zusammenfassung)

Detaillierte Erläuterung der MySQL-Lösung zur USE DB-Überlastung