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
Artikel empfehlen
Zwei Lösungen für das Problem, dass MySQL in bedingten Anweisungen nur eine Information liest
Heute ist mein Kollege beim Schreiben von MySQL-A...
So implementieren Sie vertikale Textausrichtung mit CSS (Zusammenfassung)
Die Standardanordnung von Text in HTML ist horizo...
Lösung für das Problem „VMware-virtuelle Maschine ohne Netzwerk“
Inhaltsverzeichnis 1. Problembeschreibung 2. Prob...
Detaillierte Erklärung zur Überwachung von MySQL-Anweisungen
Schnelles Lesen Warum müssen wir SQL-Anweisungen ...
Nginx übernimmt die Analyse des Implementierungsprozesses für HTTP-Anforderungen
Nginx entscheidet zunächst, welcher Serverblock i...
JavaScript realisiert den Effekt der mobilen Modalbox
In diesem Artikelbeispiel wird der spezifische Ja...
Beispiel für die Implementierung der Wertübertragung zwischen WeChat-Miniprogrammseiten
Übergeben von Werten zwischen Miniprogrammseiten ...
So verwenden Sie Webpack und Rollup zum Verpacken von Komponentenbibliotheken
Vorwort Ich habe zuvor eine Komponente im Ladesti...
Implementierung von Docker zum Erstellen eines Zookeeper- und Kafka-Clusters
Ich habe vor Kurzem Kafka gelernt. Als ich mich d...
Detaillierte Erklärung der HTML-Tabellen-Tags (für Anfänger geeignet)
TABELLE> <TR> <TD> <TH> <...
Nexus nutzt API für den Betrieb
Nexus bietet RestApi, aber einige APIs müssen noc...
Verwenden von Zabbix zum Überwachen des Betriebsvorgangs des Oracle-Tabellenbereichs
0. Übersicht Zabbix ist ein extrem leistungsfähig...
So fügen Sie Batchdaten unter Node.js in eine MySQL-Datenbank ein
Im Projekt (nodejs) müssen mehrere Daten gleichze...
Detaillierte Erklärung zur Verwendung der Element-el-button-Button-Komponente
1. Hintergrund Schaltflächen werden sehr häufig v...
CSS-Anfänger-Tutorial: Hintergrundbild füllt den gesamten Bildschirm
Wenn Sie möchten, dass die gesamte Benutzeroberfl...