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
Fallstricke bei der neueren Version des IDEA2021 Tomcat10-Servlets
Da die Version, die ich beim Lernen verwendet hab...
Einführung in den Befehl „Linux-Typversion-Speicherfestplattenabfrage“
1. Lassen Sie uns zunächst eine allgemeine Einfüh...
js fügt dynamisch Beispielcode für eine Liste eingekreister Zahlen hinzu
1. Fügen Sie zuerst das ul-Tag im Textkörper hinz...
Detaillierte Erklärung des Fortschrittsbalkens beim Laden von Webseiten (empfohlen)
(Wenn eine Webseite geladen wird, gibt es manchma...
N Möglichkeiten, Elemente mit CSS zu zentrieren
Inhaltsverzeichnis Vorwort Zentrieren von Inline-...
MySQL verwendet benutzerdefinierte Sequenzen zur Implementierung von row_number-Funktionen (detaillierte Schritte)
Nachdem ich einige Artikel gelesen hatte, habe ic...
Detaillierter Implementierungsplan für den Vue-Frontend-Export von Excel-Dateien
Inhaltsverzeichnis 1. Technologieauswahl 2. Techn...
Zusammenfassung der häufig verwendeten Datenbank- und Tabellen-Sharding-Lösungen von MySQL
Inhaltsverzeichnis 1. Datenbank-Engpass 2. Unterb...
Die Breite der Tabellenzelle td ist ungültig und der interne Inhalt dehnt sie immer aus
Beim Erstellen einer Tabellenseite ist die für td ...
Beispiel für eine MySQL-DML-Sprachoperation
Zusätzliche Erklärung, Fremdschlüssel: Verwenden ...
Webdesign-Tutorial (5): Visuelles Webdesign
<br />Vorheriger Artikel: Webdesign-Tutorial...
Detaillierte Erklärung zweier Tabellenkopieranweisungen: SELECT INTO und INSERT INTO SELECT (Unterschiede zwischen SQL-Datenbank und Oracle-Datenbank)
1. INSERT INTO SELECT-Anweisung Das Anweisungsfor...
Eine detaillierte Einführung in primitive Werte und Wrapper-Objekte in JavaScript
Inhaltsverzeichnis Vorwort Text Primitive Typen P...
So installieren Sie Redis5.0.3 im Docker
1. Ziehen Sie das offizielle 5.0.3-Image [root@lo...
Detaillierte Erklärung der Stammverzeichniseinstellungen in nginx.conf
Bei der Konfiguration von nginx.conf treten immer...