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

Lösung für das Problem, dass MySQL Daten sehr langsam löscht und einfügt

Wenn ein Unternehmensentwickler eine Insert-Anwei...

So implementieren Sie abgerundete Ecken mit CSS3 unter Verwendung von JS

Ich bin auf ein Beispiel gestoßen, als ich nach e...

So bewerben Sie sich für Webdesign-Jobs

<br />Hallo zusammen! Es ist mir eine Ehre, ...

Lösung für die Nginx-Installation ohne Generierung des sbin-Verzeichnisses

Fehlerbeschreibung: 1. Nach der Installation von ...

Informationen zur Verwendung des Iconfont-Vektorsymbols von Alibaba in Vue

Es gibt viele Importmethoden im Internet, und die...

So legen Sie die UTF-8-Kodierung in einer MySQL-Datenbank fest

Ändern Sie die Datei /etc/my.cnf oder /etc/mysql/...

Eingabetyp begrenzen (mehrere Methoden)

1. Es können nur chinesische Schriftzeichen eingeg...

CSS zum Implementieren von QQ-Browserfunktionen

Code Wissenspunkte 1. Kombinieren Sie fullpage.js...

Implementierungsbeispiel eines Videoplayers basierend auf Vue

Wenn der vorhandene Videoplayer die Anforderungen...

Richtiger Einsatz von MySQL-Partitionstabellen

Übersicht über partitionierte MySQL-Tabellen Wir ...

Detailliertes Tutorial zur Installation von MariaDB auf CentOS 8

Das Datenbankverwaltungssystem MariaDB ist ein Zw...