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)

MySQL Series 10 MySQL-Transaktionsisolierung zur Implementierung der Parallelitätskontrolle

Ein Blick auf toolbasierte Websites: die Definition von toolbasierten Websites und eine typische Fallanalyse (Bilder und Text)

Wenn es um Tool-Websites geht, haben wir zunächst...

So implementieren Sie Leerzeichen in Taobao mit CSS3

MySQL Series 10 MySQL-Transaktionsisolierung zur Implementierung der Parallelitätskontrolle

Erläuterung der Dockerfile-Anweisungen und der grundlegenden Struktur

Detaillierte Analyse der Auswahl des MySQL-Gemeinschaftsindex und des eindeutigen Index

Konfigurationsschema für die MySQL-Master-Slave-Synchronisierung unter dem Centos7-System

HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen

So stellen Sie das Crownblog-Projekt mit Docker in der Alibaba Cloud bereit

Implementierung der Docker Compose-Mehrcontainerbereitstellung

Tutorial zur Installation von VMware, Nmap und Burpsuite

Beispielanalyse der Auswirkungen des MySQL-Index auf die Sortierung

Teilen Sie einen auf Ace basierenden Markdown-Editor

Artikel empfehlen

Allgemeine Vorgänge des Web-Frontends (einschließlich JS/HTML/CSS und anderer Wissensaspekte)

Die Bedeutung der 5 Leerzeichenarten in HTML

Tutorial zur Installation und Konfiguration von VMware Tools für Ubuntu 18.04

Vue implementiert ein einfaches Einkaufswagenbeispiel

Beispiel für die Integration von Kafka mit Nginx

Standardtypen für generische TypeScript-Parameter und neue Option zur strikten Kompilierung

Prozessdiagramm für die Sitzungsfreigabe bei Tomcat Nginx Redis

Ein Blick auf toolbasierte Websites: die Definition von toolbasierten Websites und eine typische Fallanalyse (Bilder und Text)

Der erste Schritt beim Einstieg in die MySQL-Datenbank besteht darin, eine Tabelle zu erstellen

Lernhinweise zum WeChat-Applet: Seitenkonfiguration und -routing

Lösungen zur Verarbeitung und Reparatur historischer Linux-Images

Einfache Verwendung von temporären MySQL-Tabellen

js-Entwicklungs-Plugin zum Erzielen eines Tab-Effekts

Eine kurze Diskussion über die Anpassung mobiler Endgeräte

Vue-Routing zum Implementieren der Login-Abfangung