Lösung zur Definition der Mindestspannweite hat keine Auswirkung

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 grundlegenden Verwendung von CSS3 @media

//Grammatik: @media Medientyp und | nicht | nur (...

Implementierungsskript für geplante Datenbanksicherung unter Linux

Inhaltsverzeichnis Szenario: Die Serverdatenbank ...

Detaillierte Erläuterung des CocosCreator-Nachrichtenverteilungsmechanismus

Überblick Dieser Artikel beginnt mit der Einführu...

Interviewer stellen häufig Fragen zum Lebenszyklus von React

React-Lebenszyklus Zwei Bilder zum besseren Verst...

Detaillierte Schritte zum Bereitstellen von Microsoft SQL Server mit Docker

Inhaltsverzeichnis 1 Hintergrund 2 Erstellen Sie ...

Verwendungsanweisungen für den Befehl „Docker Create“

Mit dem Befehl „Docker Create“ können Sie einen C...

Allgemeine MySQL-Anweisungen zum Anzeigen von Transaktionen und Sperren

Einige allgemeine Anweisungen zum Anzeigen von Tr...

Drei BOM-Objekte in JavaScript

Inhaltsverzeichnis 1. Standortobjekt 1. URL 2. Ei...

JavaScript-Entwurfsmuster, Befehlsmuster

Das Befehlsmuster ist ein Verhaltensentwurfsmuste...