English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
vertical-von der CSS-Property align gesteuertInline-StufeKästen, die von Elementen (in der Regel Text und Bilder) erzeugt werden, im Vergleich zuBlockselementeDer Textgrund oder die vertikale Ausrichtung der Tabellenzellen in einer Zeile
Die nachstehende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributs sowie die Syntax in JavaScript-Skripten.
| Standardwert: | baseline |
|---|---|
| Geeignet für: | Inline-Stufe und Tabellenzellen-Elemente |
| Vererbung: | Keine |
| Animierbar: | Ja.Bitte beachten Sie: Animationseigenschaften。 |
| Version: | CSS 1,2,3 |
| JavaScript-Syntax: | object.style.verticalAlign="middle" |
Die Syntax dieses Attributes ist wie folgt:
vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | length | percentage | initial | inherit
Die folgenden Beispiele zeigen, wie vertical-align-Eigenschaft.
img {
vertical-align: middle;
}
span {
vertical-align: super;
}Testen Sie, um zu sehen‹/›Die folgenden Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| baseline | Stellen Sie die Baseline des Elementrahmens auf die Baseline des übergeordneten Rahmens aus. |
| sub | Stellen Sie die Baseline des Rahmens auf eine Position, die für die Unterposition des übergeordneten Rahmens geeignet ist. |
| super | Stellen Sie die Baseline des Rahmens auf eine Position, die für die Oberposition des übergeordneten Rahmens geeignet ist. |
| top | Stellen Sie den oberen Rand des Elements und seiner Nachkommen auf die obere Baseline des Rahmens aus. |
| text-top | Stellen Sie den oberen Rand des Elements auf die obere Baseline des Textes des übergeordneten Elements. |
| middle | Stellen Sie den Mittelpunkt des Elements auf die Baseline des übergeordneten Rahmens erhöht.x-heighthalbem Punkt ausgerichtet. |
| bottom | Stellen Sie den unteren Rand des Elements und seiner Nachkommen auf die untere Baseline des Rahmens aus. |
| text-bottom | Stellen Sie den unteren Rand des Elements auf die untere Baseline des Textes des übergeordneten Elements. |
| length | Die Einheiten sind px, pt, cm, em usw. Der Längenwert wird (positive Werte) oder verringert (negative Werte) bis zur Baseline des übergeordneten Elements. Wert 0px entspricht der Baseline. |
| percentage | Heben Sie den Rahmen um diesen Abstand nach oben (positive Wert) oder senken Sie ihn nach unten (negative Wert) (line-heightWerte in Prozent）。 Wert 0% entspricht der Baseline. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der verknüpfte Element verwendet vertical-Werte der align-Eigenschaft. |
vertical-Die Kompatibilität der align-Eigenschaft der Browser, die in der folgenden Tabelle angegebenen Zahlen stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Ausrichtung。
Zusammenhängende Eigenschaften:line-height。