Zusammenfassung der allgemeinen Textattribute für die Textausrichtung in CSS

Dieser Artikel stellt die text-align-Zusammenfassung des häufig verwendeten CSS-Text--Attributs

vor, das zuvor das text-indent -Attribut erwähnt hat. Wird zur Erzielung einer Texteinrückung verwendet. Die heutige Verwendungsrate der Textausrichtung ist viel höher als die der Texteinrückung. Am Beispiel des Projekts, an dem ich gerade arbeite, werden horizontale Zentrierung und vertikale Zentrierung wahrscheinlich am häufigsten verwendet. Schauen wir uns also zunächst die Syntax an!

text-align

Zulässige Werteleft|. right | >Der Anfangswert bezieht sich auf den BenutzeragentenKann er

vererbt werden

Ja

Anwendbar auf Elemente auf Blockebenetext-align ist eine andere Möglichkeit eine, die nur auf die Blockebenen-Eigenschaft des Elements anwendbar ist. Wenn Sie einen Link oder ein

Bild

in einer Zeile zentrieren möchten, unabhängig von der Ausrichtung des Rests der Zeile, funktioniert das nicht. Lassen Sie uns zunächst die Wirkung der Textausrichtung anhand des Gesamtbildes unten spüren

.

Hier sind die vier Attributwert-Anzeigebilder von text-align

Die obige Anzeige zeigt die Attributregeln von text-align sehr intuitiv. Das letzte Attribut text-align:justify verhält sich nicht in jedem Browser konsistent.

Anwendungsszenarien:

1. Es kommt darauf an, wie Kurz gesagt, das UI-Diagramm ist entworfen.

2. Die Verwendung von text-align auf img allein hat keine Auswirkung, text-align kann nur für Elemente auf Blockebene verwendet werden, nicht für Inline-Elemente und nicht ersetzte Elemente Elemente von. Wenn wir also das Bild zentrieren möchten, müssen wir die

-Lösung transformieren:

Das war’s für die oberflächliche Diskussion über Text-Alignment. Bitte versuchen Sie es selbst.

Das obige ist der detaillierte Inhalt vonZusammenfassung der allgemeinen Textattribute für die Textausrichtung in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!