Hur man justera text i html vertikalt

Hur man justera text i html vertikalt inte har

vertikal-align

Syntax

Värden (för inline-element)

De flesta av de värden som vertikalt rikta in elementet i förhållande till dess överordnade elementet:

baslinje Justerar baslinjen av elementet med baslinjen för den överordnade. Baslinjen för några ersatt element. liknande element representerar en multi-line vanlig textredigering kontroll."gt; lt; textareagt ;. inte specificerats av HTML-specifikationen, vilket innebär att deras beteende med detta sökord kan ändras från en webbläsare till en annan. sub Justerar baslinjen av elementet med index-baslinjen sin förälder. super Justerar baslinjen för elementet med upphöjd baslinjen sin förälder. text-top Justerar toppen av elementet med toppen av det överordnade elementet teckensnitt. text-bottom Justerar botten av elementet med botten av det överordnade elementet teckensnitt. mitten Justerar mitten av elementet med baslinjen plus halva x-höjden för den överordnade. CSS datatyp betecknar avståndsmätningar. Det är en lt; numbergt; omedelbart följt av en längdenhet (px, em, PC, i, mm, …). Liksom för alla CSS dimension, det finns inget utrymme mellan enheten bokstavlig och numret. Den längdenhet är valfritt efter lt; numbergt; 0."gt; lt; lengthgt; Justerar baslinjen av elementet vid given längd ovanför baslinjen sin förälder. CSS datatyper representerar ett procentvärde. Många CSS-egenskaper kan ta procentvärden, ofta för att definiera storlekar när det gäller överordnade objekt. Procentsatser är bildade av en lt; numbergt; omedelbart följt av procenttecken%. På samma sätt som är fallet med alla andra enheter i CSS, det finns inte ett mellanrum mellan ”%” och numret."gt; lt; percentagegt; Tycka om lt; lengthgt; värden, med den procentsats som en procent av line-height egendom.


(Negativa värden är tillåtna för lt; lengthgt; och lt; percentagegt ;.)

De följande två värden vertikalt rikta in elementet i förhållande till hela raden snarare än i förhållande till dess överordnade:

top Rikta upp elementet och dess ättlingar med toppen av hela linjen. botten Rikta botten av elementet och dess ättlingar med botten av hela raden.

För element som inte har en baslinje, är den nedre marginalen kanten i stället.

Värden (för tabellceller)

baslinjen (och sub. super. text-top. text-botten. lt; lengthgt ;. och lt; percentagegt; ) Rikta baslinjen för cellen med baslinjen för alla andra celler i raden som är baslinjen justerad. top Rikta den övre stoppning kanten av cellen med toppen av raden. mitten Center stoppning låda cell i raden. botten Rikta den nedre stoppning kanten av cellen med botten av raden.

Negativa värden är tillåtna.

Exempel

HTML-innehåll

CSS innehåll

Källa: developer.mozilla.org

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

två × fyra =