So legen Sie das Breitenattribut auf den Stil des Span-Tags fest

So legen Sie das Breitenattribut auf den Stil des Span-Tags fest
Wenn Sie das Breitenattribut direkt auf den Stil des Span-Tags festlegen, werden Sie feststellen, dass es keine Auswirkung hat.

Wenn „display:block“ gesetzt ist, wird das Breitenattribut wirksam, aber die Spanne ist jetzt die gleiche wie beim Div.
Wenn display:inline-block gesetzt ist, wird span in derselben Zeile platziert und die width-Eigenschaft wird wirksam.

Allgemeine Werte des Elementanzeigeattributs:

1) Block: Der Standardwert des Blockobjekts. Erzwingt die Darstellung des Objekts als Blockobjekt und fügt nach dem Objekt eine neue Zeile an.
2) inline: Der Standardwert für Inline-Objekte. Erzwingt die Darstellung des Objekts als Inline-Objekt und entfernt die Linien aus dem Objekt.
3) Inline-Block: Rendert das Objekt als Inline-Objekt, aber der Inhalt des Objekts wird als Blockobjekt gerendert. Benachbarte Inline-Objekte werden in derselben Zeile gerendert.
4) nicht: verstecktes Objekt. Im Gegensatz zum verborgenen Wert der Sichtbarkeitseigenschaft wird für das verborgene Objekt kein physischer Platz reserviert.

<<:  Einführung in die Installationsmethode in Vue

>>:  Beheben Sie das Problem, dass der Name des Dateiänderungsformulars vom Typ = Datei nicht normal wiedergegeben werden kann

Artikel empfehlen

Einige Möglichkeiten zum Eliminieren doppelter Zeilen in MySQL

SQL-Anweisung /* Einige Methoden zum Eliminieren ...

So implementieren Sie Lastenausgleich in MySQL

Vorwort MySQL ist ein schnelles, leistungsstarkes...

Eine Liste der Fallstricke beim regulären JS-Matching

Ich habe vor Kurzem eine Falle bei der regulären ...

Lösung für Nginx-Installationsfehler

1. Entpacken Sie nginx-1.8.1.tar.gz 2. Entpacken ...

Methoden und Techniken zur Gestaltung einer interessanten Website (Bild)

Haben Sie schon einmal eine Situation erlebt, in d...

Sicherheitsüberlegungen zur Windows-Serververwaltung

Webserver 1. Der Webserver schaltet unnötige IIS-...

Detaillierte Erklärung des Json-Formats

Inhaltsverzeichnis Ein JSON basiert auf zwei Stru...

Grafisches Tutorial zur Installation und Konfiguration von mysql5.7.20 (Mac)

Grafisches Tutorial zur Installation und Konfigur...