Vertikale Ausrichtung 1.2.0

Ändere die vertikale Ausrichtung von Inline-, Inline-Block-, Inline-Table- und Table-Cell-Elementen. English: Vertical Align

Reifegrad: In VelinStyle 1.2.0 als stable dokumentiert. Studio und die vollständige Utility Engine bleiben geplant — ausgelieferte Utilities sind unter @layer utilities von Hand geschrieben, kein vollständiger Variantengenerator.

Wann verwenden

Richte Inline-/Table-Cell-Inhalte mit Vertical-Align-Utilities aus.

Wann nicht

Bevorzuge Flex align-items für moderne Komponentenlayouts.

Verfügbare Klassen

<span class="velin-align-baseline">baseline</span>
<span class="velin-align-top">top</span>
<span class="velin-align-middle">middle</span>
<span class="velin-align-bottom">bottom</span>
<span class="velin-align-text-top">text-top</span>
<span class="velin-align-text-bottom">text-bottom</span>

Tabellenzellen

<table>
  <tr>
    <td class="velin-align-top">Top</td>
    <td class="velin-align-middle">Middle</td>
    <td class="velin-align-bottom">Bottom</td>
  </tr>
</table>