Lösung zur Definition der Mindestspannweite hat keine Auswirkung
|
Das Span-Tag wird häufig beim Erstellen von HTML-Webseiten verwendet, aber manche Freunde wissen nicht, wie man dieses Tag richtig einsetzt. Sie denken, es sei einfach zu verwenden, aber die Verwendung ist mühsam, insbesondere wenn sie seine Breite und Höhe definieren müssen. Ein Freund hat mich einmal gefragt: „Warum ändern sich Breite und Höhe der Spanne nach der Definition mit CSS immer noch nicht, als wären sie ungültig?“ Tatsächlich ist dieses Problem sehr einfach – zuerst müssen Sie die Eigenschaften von span verstehen, da span ein Inline-Element ist und Inline-Elemente Breite und Höhe ignorieren. Sobald Sie dies verstanden haben, ist die Lösung sehr einfach. Die Lösung besteht darin, CSS zu verwenden, um span in ein Box-Element umzuwandeln. Es gibt zwei Möglichkeiten, ein Inline-Element als Box-Element zu definieren: 1. Verwenden Sie das Anzeigeattribut „display“ direkt, um es als Boxelement zu definieren. Code kopieren Der Code lautet wie folgt:Anzeige:Block; 2. Verwenden Sie das Float-Attribut, um es automatisch als Box-Element zu definieren. Code kopieren Der Code lautet wie folgt:schweben: links; |
<<: Detaillierte Verwendung des Docker-Maven-Plugins
>>: Neue Blockbereichsfunktion von JavaScript ES
Artikel empfehlen
Zusammenfassung der Fallstricke bei der Verwendung von Nginx als Reverse-Proxy für GRPC
Hintergrund Wie wir alle wissen, ist Nginx ein Ho...
So ändern Sie den Speicherort des MySQL-Datenbankverzeichnisses unter Linux (CentOS)
So ändern Sie den Speicherort des MySQL-Datenbank...
Einführung in die Fuzzy-Abfragemethode mit instr in MySQL
Die Verwendung der internen Funktion instr in MyS...
Mit dem Swiper.js-Plugin ist die Implementierung von Karussellbildern ganz einfach
Swiper ist ein mit reinem JavaScript erstelltes P...
Detaillierte Schritte zur Implementierung der Timeout-Statusüberwachung in Apache FlinkCEP
CEP – Komplexe Ereignisverarbeitung. Die Zahlung ...
Zusammenfassung verschiedener Implementierungsmethoden zur Sicherung von MySQL-Datenbanken
Dieser Artikel beschreibt verschiedene Möglichkei...
So verwenden Sie weniger im WeChat-Applet (optimale Methode)
Vorwort Ich bin es gewohnt, Less/Sass zu schreibe...
Der Unterschied zwischen Name und Wert im Eingabe-Tag
Typ ist das Steuerelement, das für die Eingabe und...
8 Möglichkeiten zum manuellen und automatischen Sichern Ihrer MySQL-Datenbank
MySQL ist ein beliebtes Open-Source-Datenbankverw...
Ideen und Codes zur Implementierung des Wasserfall-Flow-Layouts im UniApp-Applet
1. Einleitung Gilt es als Aufwärmen alter Themen,...
Lösung für den MySQL-Server-Anmeldefehler ERROR 1820 (HY000)
Fehlerseite: Melden Sie sich beim MySQL-Server an...
So verwenden Sie eine VLAN-getaggte Ethernet-Karte im CentOS/RHEL-System
In einigen Szenarien möchten wir derselben Ethern...
Vue implementiert QR-Code-Scanfunktion (mit Stil)
brauchen: Verwenden Sie Vue, um das Scannen von Q...
MySQL-Abfrage-Cache und Pufferpool
1. Caches - Abfrage-Cache Die folgende Abbildung ...
Dreißig HTML-Codierungsrichtlinien für Anfänger
1. HTML-Tags immer schließen Im Quellcode der vor...