CSS -Textausrichtung
Textausrichtung
Die text-alignEigenschaft wird verwendet, um die horizontale Ausrichtung eines Textes festzulegen.
Ein Text kann linksbündig, rechtsbündig, zentriert oder im Blocksatz ausgerichtet werden.
Das folgende Beispiel zeigt zentrierten und links- und rechtsbündig ausgerichteten Text (linke Ausrichtung ist die Standardeinstellung, wenn die Textrichtung von links nach rechts ist, und rechte Ausrichtung ist die Standardeinstellung, wenn die Textrichtung von rechts nach links ist):
Beispiel
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
Wenn die text-alignEigenschaft auf "Ausrichten" eingestellt ist, wird jede Zeile so gestreckt, dass jede Zeile die gleiche Breite hat und der linke und rechte Rand gerade sind (wie in Zeitschriften und Zeitungen):
Beispiel
div {
text-align: justify;
}
Text zuletzt ausrichten
Die text-align-lastEigenschaft gibt an, wie die letzte Zeile eines Textes ausgerichtet wird.
Beispiel
Richten Sie die letzte Textzeile in drei <p>-Elementen aus:
p.a
{
text-align-last: right;
}
p.b
{
text-align-last: center;
}
p.c
{
text-align-last: justify;
}
Textrichtung
Die Eigenschaften directionund
unicode-bidikönnen verwendet werden, um die Textrichtung eines Elements zu ändern:
Beispiel
p {
direction: rtl;
unicode-bidi: bidi-override;
}
Vertikale Ausrichtung
Die vertical-alignEigenschaft legt die vertikale Ausrichtung eines Elements fest.
Beispiel
Stellen Sie die vertikale Ausrichtung eines Bildes in einem Text ein:
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
img.c {
vertical-align:
text-bottom;
}
img.d {
vertical-align: sub;
}
img.e {
vertical-align: super;
}