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)

Das Implementierungsprinzip der MySQL-Master-Slave-Synchronisation

So implementieren Sie Leerzeichen in Taobao mit CSS3

Das Implementierungsprinzip der MySQL-Master-Slave-Synchronisation

Docker-Container vom Einstieg bis zur Obsession (empfohlen)

Detaillierte Schritte zur Installation eines Hadoop-Clusters unter Linux

So installieren und ändern Sie das Anfangskennwort von mysql5.7.18 unter Centos7.3

js+canvas realisiert Code-Regeneffekt

Detaillierte Erklärung der CSS-Animationsattribut-Keyframes

Nach dem Absenden des Formulars zu einer anderen Datei wechseln

So implementieren Sie verteilte Transaktionen in MySQL XA

React + ts realisiert den sekundären Verknüpfungseffekt

Das neueste grafische Tutorial zur Installation von MySQL 8.0.16 Winx64 unter Win10

Artikel empfehlen

Docker-Konfiguration Alibaba Cloud Container Service-Betrieb

Detailliertes Tutorial zum Anpassen des Installationspfads der MySQL-Version 5.7.18 (Installation von Binärpaketen)

Detaillierte Erläuterung des Prinzips der Vue-Überwachungsdaten

Detaillierte Erläuterung des Mysql-Kommunikationsprotokolls

Beispiel für eine Nginx-Cache-Konfiguration

Optimierung der Leistung von Paging-Abfragen für MySQL mit mehreren zehn Millionen Daten

Lösung für vergessenes Linux MySQL-Root-Passwort

Detailliertes Tutorial zum Bereitstellen eines Springboot-Projekts mit Nginx auf dem Server (JAR-Paket)

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17

Docker installiert und führt den RabbitMQ-Beispielcode aus

So stellen Sie ein SSL-Zertifikat in einer Windows-Apache-Umgebung bereit, damit die Website https unterstützt

JavaScript-Canvas zum Erzielen eines Code-Rain-Effekts

SQL-basierte Abfrageanweisungen

So verwenden Sie Docker Compose zum Implementieren des Nginx-Lastausgleichs

Die Vorteile von Div+CSS und Web-Standardseiten