စီစီကွန်းစက် 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 教程：စက်တင် အဆိုပါ

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

အောက်ပိုင်း စတင်ပိုင်း တွင် စီးဆင်းထားပါ

အခြေခံ အရ text-direction က ဘယ်ဘက် မှ ဖြတ်သန်းသည် ဖြစ်လျှင် အရှေ့ဘက် စီးဆင်းထားပါ၊ အခြေခံ အရ text-direction က ဘယ်ဘက် မှ ဖြတ်သန်းသည် ဖြစ်လျှင် ဝက်ဘက် စီးဆင်းထားပါ
end

အောက်ပိုင်း အောက်ပိုင်း တွင် စီးဆင်းထားပါ

အခြေခံ အရ text-direction က ဘယ်ဘက် မှ ဖြတ်သန်းသည် ဖြစ်လျှင် သီးခြား စီးဆင်းသည်၊ အခြေခံ အရ text-direction က ဘယ်ဘက် မှ ဖြတ်သန်းသည် ဖြစ်လျှင် သီးခြား စီးဆင်းသည်
initial အဆိုပါ ဗီဇ ကို မူကြမ်း ကိန်း ကို ကြည်းစားထားပါ၊ ကျမ်းကို ကြည့်ပါ initial。
inherit အသုံးပြုသော အဖိုင် မှ အဆိုပါ ဗီဇ ကို ကြည်းစားထားပါ၊ ကျမ်းကို ကြည့်ပါ inherit。

နည်းပါးစွာ

မူကြမ်း ကိန်း auto
ကြည်းစား အခြေခံ
အန်ဂျီ သတင်းသုံး သုံးစွဲ ထောက်ပံ့ခြင်း မရှိပါ၊ ကျမ်းကို ကြည့်ပါအန်ဂျီ သတင်းသုံး ဗီဇ。
အဆိုပါ ပုံစံ CSS3
JavaScript ပုံစံ object.style.textAlignLast="right"

ပိုမို အမျိုးမျိုး အကျိုးသား

text-align-last ကိန်းအား အပ်စပ်ထားသော အကွက် အောက်ပိုင်း တွင် အသုံးပြုပါ

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

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ဘာသာပြန် ဘာသာပြန်

တင်ပြထားသော အမှတ် သည် အဆိုပါ ဗီဇ ကို အထူး ထောက်ပံ့သော ပထမဆုံး ဘာသာပြန် ပုံစံအချက် ကို မှတ်ချက်ပြုထားသည်。

အန်ဂျီ-အမှတ် ကို အသုံးပြုသော ပထမဆုံး အဆိုပါ ပုံစံအချက် ကို ကိုယ်စားပြုထားသည်。

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 ထောက်ပံ့ခြင်း မရှိ 34.0

* အန်ဂျီ/အီနီတက် တွင် "start" နှင့် "end" ကိန်းအား ထောက်ပံ့ခြင်း မရှိပါ。