text-align-last ဂုဏ်သတ္တိ

text-align-last ဂုဏ်သတ္တိသည် စာသား၏ နောက်ဆုံးစာကြောင်းကို ညှိပေးသည် - ဘယ်ဘက်အစွန်း၊ ညာဘက်အစွန်း၊ အလယ်ဗဟို၊ ဘယ်ဘက်နှင့် ညာဘက်အစွန်းများသို့ တစ်ပြိုင်နက်တည်း။

ဤအချက်ကို သတိပြုပါ - အကယ်၍ အဲလီမင့်တစ်ခုတွင် (ဥပမာ၊ အက်ပ်ရာဂရပ်တစ်ခုတွင်) စာကြောင်းတစ်ကြောင်းတည်းသာ ရှိပါက - ၎င်းသည် ပထမဆုံးနှင့် နောက်ဆုံးစာကြောင်းအဖြစ် တစ်ပြိုင်နက်တည်း မှတ်ယူခြင်းခံရပြီး ၎င်း၏ ညှိခြင်းကို text-align တွင် သတ်မှတ်ထားသည့်အတိုင်း မဟုတ်ဘဲ text-align-last တွင် သတ်မှတ်ထားသည့်အတိုင်း ဖြစ်လိမ့်မည်။

ဝါကျဖွဲ့စည်းပုံ

cssဆယ်လက်တာ {
  text-align-last: center | left | right | justify | auto | start | end;
}

တန်ဖိုးများ

စံထားရှိသော တန်ဖိုး - auto.

ဥပမာ . left တန်ဖိုး

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: left;
}

Результат:

ဥပမာ . right တန်ဖိုး

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: right;
}

Результат:

ဥပမာ . center တန်ဖိုး

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: center;
}

Результат:

ဥပမာ . justify တန်ဖိုး

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: justify;
}

Результат: