text-align-last

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.

Die text-align-last CSS Eigenschaft legt fest, wie die letzte Zeile eines Blocks oder einer Zeile, direkt vor einem erzwungenen Zeilenumbruch, ausgerichtet wird.

Probieren Sie es aus

text-align-last: right;

text-align-last: center;

text-align-last: left;


  
    
      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
      aliquip ex ea commodo consequat.

section {
  font-size: 1.5em;
}

#default-example > div {
  width: 250px;
}

#example-element {
  text-align: justify;
}

Syntax

css

/* Keyword values */
text-align-last: auto;
text-align-last: start;
text-align-last: end;
text-align-last: left;
text-align-last: right;
text-align-last: center;
text-align-last: justify;

/* Global values */
text-align-last: inherit;
text-align-last: initial;
text-align-last: revert;
text-align-last: revert-layer;
text-align-last: unset;

Werte

auto: Die betroffene Zeile wird entsprechend dem Wert von text-align ausgerichtet, es sei denn, text-align ist justify, in welchem Fall die Wirkung der Einstellung von text-align-last auf start entspricht.
start: Entspricht left, wenn die Richtung von links nach rechts ist, und right, wenn die Richtung von rechts nach links ist.
end: Entspricht right, wenn die Richtung von links nach rechts ist, und left, wenn die Richtung von rechts nach links ist.
left: Der inline Inhalt wird am linken Rand des Linienkastens ausgerichtet.
right: Der inline Inhalt wird am rechten Rand des Linienkastens ausgerichtet.
center: Der inline Inhalt wird innerhalb des Linienkastens zentriert.
justify: Der Text wird gerechtfertigt. Der Text sollte so ausgerichtet werden, dass die linken und rechten Ränder mit den linken und rechten Inhaltsrändern des Absatzes übereinstimmen.

Formale Definition

Anfangswert	`auto`
Anwendbar auf	Blockcontainer
Vererbt	Ja
Berechneter Wert	wie angegeben
Animationstyp	diskret

Formale Syntax

text-align-last = 
  auto          |
  start         |
  end           |
  left          |
  right         |
  center        |
  justify       |
  match-parent

Beispiele

Die letzte Zeile rechtfertigen


  Integer elementum massa at nulla placerat varius. Suspendisse in libero risus,
  in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque.
  Nullam est eros, suscipit sed dictum quis, accumsan a ligula.

CSS

css

p {
  font-size: 1.4em;
  text-align: justify;
  text-align-last: center;
}

Ergebnisse

Spezifikationen

Specification
CSS Text Module Level 3 # text-align-last-property

Browser-Kompatibilität

Siehe auch

text-align