Heim >Web-Frontend >HTML-Tutorial >So legen Sie das Breitenattribut für den Span-Tag-Stil fest
Dieses Mal zeige ich Ihnen, wie Sie das Breitenattribut für den Span-Tag-Stil festlegen und welche Vorsichtsmaßnahmen zum Festlegen des Breitenattributs für den Span-Tag-Stil gelten. Das Folgende ist ein praktischer Fall: Werfen wir einen Blick darauf.
Setzen Sie das Breitenattribut direkt auf den Span-Tag-Stil, und Sie werden feststellen, dass es keine Auswirkung hat.
Wenn Sie display:block festlegen, wird das width-Attribut wirksam, aber die Spanne ist zu diesem Zeitpunkt dieselbe wie das div.
Wenn display:inline-block festgelegt ist, werden die Spans in derselben Zeile aufgelistet und das width-Attribut wird wirksam. Allgemeine Wertbeschreibungen für das Anzeigeattribut des
-Elements:
1) Block: Der Standardwert des Block--Objekts . Erzwingt die Darstellung des Objekts als Blockobjekt und fügt nach dem Objekt eine neue Zeile hinzu.
2) inline: Der Standardwert von Inline-Objekten. Um zu erzwingen, dass das Objekt als Inline-Objekt gerendert wird, entfernen Sie die Zeile aus dem Objekt.
3) Inline-Block: Rendern Sie 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 versteckten Wert des Attributs Sichtbarkeit reserviert es seinen physischen Platz nicht für das versteckte Objekt.
Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
So legen Sie den Rahmen- und Transparenzstil von Div fest
So bedienen Sie die übergeordnete Seite von iframe zum Blockieren des Popup-Ebeneneffekts der Seite
So verwenden Sie das Meta-Viewport-Attribut von HTML
Wie um die Standardübermittlungsmethode des Formulars zu ändern
Das obige ist der detaillierte Inhalt vonSo legen Sie das Breitenattribut für den Span-Tag-Stil fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!