CSS vertical-align egenskap

Definition och användning

vertical-align-attributet ställer in elementets vertikala justering.

Beskrivning

Denna egenskap definierar baslinjen för en inline-element相对其所在行的基线的垂直对齐。Tillåter negativa längdvärden och procentvärden. Detta kommer att sänka elementet snarare än att höja det. I cellrutor kommer denna egenskap att ställa in cellinnehållets justering i cellrutan.

Se också:

CSS-tutorials:CSS text

HTML DOM-referenshandbok:verticalAlign-attributet

Exempel

Vertikal justering av ett bild:

img
  {
  vertical-align:text-top;
  }

Prova själv

CSS-syntax

vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

Attributvärde

Värde Beskrivning
baseline Standard. Elementet placeras på baslinjen i föräldrelementet.
sub Vertikal justering av textens subskript.
super Vertikal justering av textens överskrift
top Justera elementets övre ände med övre änden på det högsta elementet i raden.
text-top Justera elementets övre ände med övre änden på föräldrelementets teckensnitt.
middle Placera detta element i mitten av föräldrelementet.
bottom Justera elementets övre ände med övre änden på den lägsta elementet i raden.
text-bottom Justera elementets nedre ände med nedre änden på föräldrelementets teckensnitt.
length 　
% Använda procentvärden för "line-height"-egenskapen för att justera detta element. Negativa värden är tillåtna.
inherit Definierar att vertical-align-attributets värde ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: baseline
Arvsförmåga: nej
Version: CSS1
JavaScript-syntax: object.style.verticalAlign="bottom"

Mer exempel

Vertikal justering av bild
Detta exempel visar hur man sätter in en bild vertikalt i texten.

Webbläsarstöd

Tal i tabellen anger den första webbläsare som fullständigt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0