CSS text-align-last అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

text-align-last అనునది పాఠం చివరి పద్ధతిని ఎలా సమాంతరం చేయాలో నిర్ణయిస్తుంది.

చూడండి, text-align-last అనునది ఎంపిక చేసిన అంశంలోని అన్ని చివరి పద్ధతులను నిర్ణయిస్తుంది. అందువల్ల, ఒక <div> లో మూడు ప్రాంతాలు ఉన్నట్లయితే, text-align-last ప్రతి ప్రాంతంలోని చివరి పద్ధతిని అనువర్తిస్తుంది. కంటైనర్లో చివరి ప్రాంతంపై text-align-last వాడండి, :last child ఉపయోగించవచ్చు, దిగువ ఉదాహరణను చూడండి.

ప్రతీక్షEdge/Internet Explorer లో, text-align-last అనునది "text-align: justify" కలిగిన పాఠానికి మాత్రమే అనువర్తిస్తుంది.

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

CSS శిక్షణ పద్ధతి:CSS టెక్స్ట్

HTML DOM సందర్భాన్ని పరిశీలించండి:textAlignLast అనునది

ఉదాహరణ

మూడు <div> ఎలిమెంట్లలో చివరి పద్ధతిని సమాంతరం చేయండి:

div.a {
  text-align: justify;  /* 针对 Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* 针对 Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* 针对 Edge */ 
  text-align-last: justify;
}

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

可以在页面下方找到更多 TIY 实例。

CSS 语法

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

属性值

值 描述
auto

默认值。每一行的对齐规则由 text-align 的值来确定。

当 text-align 的值是 justify，text-align-last 的表现和设置了 start 的表现是一样的。
left చివరి వరుస ఎడమవైపు సరికొరికి ఉంటుంది。
right చివరి వరుస కుడివైపు సరికొరికి ఉంటుంది。
center చివరి వరుస మధ్యలో సరికొరికి ఉంటుంది。
justify చివరి వరుస వరుస ప్రాంతంలో సరికొరికి ఉంటుంది, మరియు చివరి వరుస వరుస ప్రాంతంలో సరికొరికి ఉంటుంది。
start

చివరి వరుస వరుస ప్రాంతంలో సరికొరికి ఉంటుంది。

నిర్దేశం నుండి ప్రాంతం నుండి ఎడమ వైపు తిరిగి వెళ్ళి ఎడమ వైపు సారూప్యమైన ప్రదర్శన ఉంటుంది, మరియు నిర్దేశం నుండి ప్రాంతం నుండి కుడి వైపు తిరిగి వెళ్ళి కుడి వైపు సారూప్యమైన ప్రదర్శన ఉంటుంది。
end

చివరి వరుస చివరి అంశంలో సరికొరికి ఉంటుంది。

నిర్దేశం నుండి ప్రాంతం నుండి ఎడమ వైపు తిరిగి వెళ్ళి ఎడమ వైపు సారూప్యమైన ప్రదర్శన ఉంటుంది, మరియు నిర్దేశం నుండి ప్రాంతం నుండి కుడి వైపు తిరిగి వెళ్ళి కుడి వైపు సారూప్యమైన ప్రదర్శన ఉంటుంది。
initial ఈ అంశాన్ని అప్రమేయ విలువకు సెట్ చేయండి. దయచేసి ఈ పేజీని సందర్శించండి: initial.
inherit ఈ అంశాన్ని తన పూర్వ అంశం నుండి పారంపర్యం చేసుకుంటుంది. దయచేసి ఈ పేజీని సందర్శించండి: inherit.

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

అప్రమేయ విలువ: auto
పారంపర్యం: అవుతుంది
అనిమేషన్ తయారీ: మద్దతు లేదు。దయచేసి ఈ పేజీని సందర్శించండి:అనిమేషన్ సంబంధిత అంశాలు.
వెర్షన్: CSS3
JavaScript సంకేతాలు: object.style.textAlignLast="right"

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

కంటైనర్ లోని చివరి వరుసలో text-align-last: ఉపయోగించండి

div.b p:last-child {
  text-align-last: center;
}

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

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

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

ప్రారంభంలో ముందుగా వర్తించే ప్రత్యేకించి వర్తించే మొదటి వెర్షన్ నిర్దేశించే -moz- సంఖ్యలు ఉన్నాయి。

క్రోమ్ ఐఈ / ఎంజె ఫైర్ఫాక్స్ సఫారీ ఓపెరా
47.0 5.5* 49.0
12.0 -moz-		 మద్దతు లేదు 34.0

* Edge/Internet Explorer లో, "start" మరియు "end" విలువలకు మద్దతు లేదు。