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)

Beispiel für das Abhören des Vue-Routings zum dynamischen Laden derselben Seite

So implementieren Sie Leerzeichen in Taobao mit CSS3

Beispiel für das Abhören des Vue-Routings zum dynamischen Laden derselben Seite

Zusammenfassung der Wissenspunkte zum Ereignismodul in Node.js

Verwenden Sie Prometheus, um den verbleibenden verfügbaren Prozentsatz der MySQL-Autoinkrement-Primärschlüssel zu zählen

So ändern Sie die Kodierung der MySQL-Datenbank in utf8mb4

Beispielcode zur Implementierung einer Mehrfachauswahl basierend auf einer verschachtelten Tabelle in ElementUI

Bringen Sie Ihnen bei, wie Sie in 5 Minuten den Redis-Clustermodus und den Sentinelmodus mit Docker erstellen

Vue verwendet el-table, um Spalten und Zeilen dynamisch zusammenzuführen

Vue implementiert die Produktregisterkarte der Produktdetailseitenfunktion

So verwenden Sie benutzerdefinierte CSS-Variablen in Vue

Umfassendes Verständnis von Zeilenhöhe und vertikaler Ausrichtung

Artikel empfehlen

Detaillierte Beschreibung des Anwendungsszenarios für Javascript-Closure

Grundlegende Schritte zur Sicherheitseinstellung für den CentOS7-Server

Welche Schleife ist in JavaScript die schnellste?

Nginx führt Anforderungsverbindungen zusammen und beschleunigt den Website-Zugriff – Beispiele

Vue implementiert das digitale Tausendertrennzeichenformat global

Zusammenfassung einiger gängiger Konfigurationen und Techniken von Nginx

Analyse des Ereignisschleifenmechanismus von js

Implementierung des Umschreibesprungs in Nginx

So ändern Sie die Server-UUID in MySQL

Eine kurze Analyse kontrollierter und unkontrollierter Komponenten in React

Was ist dies in einer Punkt-für-Punkt-Reihe von JavaScript?

Beispiel für eine gespeicherte MySQL-Prozedurmethode zum Zurückgeben mehrerer Werte

So lösen Sie die Hintergrundkachelung und den Rahmenbruch von CSS-Style-Div oder -Li in IE6

js regulärer Ausdruck Lookahead und Lookbehind und nicht erfassende Gruppierung

Lösen Sie das Problem, dass MySQL „not in“ verwendet, um Nullwerte einzuschließen