CSS వెర్టికల్-అలైన్ అట్రిబ్యూట్

定义和用法

vertical-align 属性设置元素的垂直对齐方式。

说明

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

మరింత చూడండి:

CSS పాఠశాలCSS టెక్స్ట్

HTML DOM సందర్భాల పరిశీలనverticalAlign లక్షణం

ఉదాహరణ

ఒక చిత్రాన్ని అగ్రస్థానంలో వర్గంచేయడం

img
  {
  vertical-align:text-top;
  }

స్వయంగా ప్రయోగించండి

CSS సంకేతాలు

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

లక్షణానికి విలువ

విలువ వివరణ
baseline మూల విలువ. విభాగం తల్లి విభాగం యొక్క అక్షరం యొక్క అక్షరం తో సమాంతరంగా చేయబడుతుంది.
sub పాఠంలో ఉన్న ఉపాధిని క్రిందస్థానంలో వర్గంచేయడం。
super పాఠంలో ఉన్న ఉపాధిని అగ్రస్థానంలో వర్గంచేయడం
top విభాగం యొక్క పైవాడిని వరుసలో అతి పెద్ద అక్షరం యొక్క పైవాడిని తో సమాంతరంగా చేయండి
text-top విభాగం యొక్క పైవాడిని తల్లి విభాగం అక్షరం యొక్క పైవాడిని తో సమాంతరంగా చేయండి
middle ఈ విభాగాన్ని తల్లి విభాగం మధ్యలో చేయండి.
bottom విభాగం యొక్క పైవాడిని వరుసలో అతి తక్కువ అక్షరం యొక్క పైవాడిని తో సమాంతరంగా చేయండి.
text-bottom విభాగం యొక్క క్రిందవాడిని తల్లి విభాగం అక్షరం యొక్క క్రిందవాడిని తో సమాంతరంగా చేయండి.
length 　
% ఈ విభాగాన్ని అనుకూలీకరించడానికి "line-height" లక్షణం శతకం విలువను వాడండి. ప్రత్యక్ష విలువలను అనుమతిస్తారు.
inherit ప్రత్యేకంగా నిర్దేశించబడలేదు. పై అంతర్గత విభాగం నుండి vertical-align లక్షణాన్ని పారంతరణ చేయాలి.

సాంకేతిక వివరాలు

మూల విలువ: baseline
పారంతరణ లక్షణం: no
సంస్కరణ: CSS1
JavaScript సంకేతాలు: object.style.verticalAlign="bottom"

మరిన్ని ఉదాహరణలు

అగ్రస్థానంలో చిత్రాలను వర్గంచేయడం
పాఠంలో ఎలా అగ్రస్థానంలో చిత్రాలను వర్గంచేయాలనే ఈ ఉదాహరణ చూపుతుంది。

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ సంస్కరణను చెప్పుతాయి。

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 1.0 1.0 4.0