ປະກອບທຳມະດາ 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 ຈະເປັນຄືກັບທີ່ໄດ້ການການການປະຕິບັດການທີ່ສຸດທ້າຍ.

left ການປະຕິບັດການທີ່ສຸດທ້າຍຂອງການປະຕິບັດການທີ່ສຸດທ້າຍ.
right ການປະຕິບັດການທີ່ສຸດທ້າຍຂອງການປະຕິບັດການທີ່ສຸດທ້າຍ.
center ການປະຕິບັດການທີ່ສຸດທ້າຍຂອງການປະຕິບັດການທີ່ສຸດທ້າຍ.
justify ການປະຕິບັດການຂອງຈຳນວນທີ່ສຸດທ້າຍຂອງການປະຕິບັດການທີ່ສຸດທ້າຍ.
start

ການປະຕິບັດການທີ່ສຸດທ້າຍຂອງການປະຕິບັດການທີ່ສຸດທ້າຍ.

ຖ້າ text-direction ຈະໄປຈາກຊ້າຍເປັນທຳອິດ, ຈະປະຕິບັດການກັບ start, ຖ້າ text-direction ຈະໄປຈາກຊ້າຍເປັນຫນຶ່ງຫນຶ່ງ, ຈະປະຕິບັດການກັບ end.

end

ການປະຕິບັດການທີ່ສຸດທ້າຍຂອງການປະຕິບັດການທີ່ສຸດທ້າຍ.

ຖ້າ text-direction ຈະໄປຈາກຊ້າຍເປັນທຳອິດ, ຈະປະຕິບັດການກັບ start, ຖ້າ text-direction ຈະໄປຈາກຊ້າຍເປັນຫນຶ່ງຫນຶ່ງ, ຈະປະຕິບັດການກັບ end.

initial ຈຸດການຂອງປະກອບສາຍຕັ້ງໃຫ້ກັບຄູ່ມູນຄ່າລະດັບສົມບູນ. ບັນດາຄວາມ: initial.
inherit ຕໍາເວັງການຂອງປະກອບສາຍ. ບັນດາຄວາມ: inherit.

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄູ່ມູນຄ່າລະດັບສົມບູນ: auto
ການຕໍາເວັງ: ໄດ້
ການສ້າງອາກາດ: ບໍ່ສາມາດໃຊ້. ບັນດາຄວາມ:ປະສົມປະສານທາງອາກາດ.
ສະຖານະ: CSS3
ສັບສັນ JavaScript: object.style.textAlignLast="right"

ຫຼັກຂໍ້ຄວາມອີກ

ນຳໃຊ້ text-align-last: center; ໃນການປະກັນປະຕູພາດສຸດທ້າຍຂອງບັນດາສານ.

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

ທ້າທາຍຕົວເອງ

ການສະໜັບສະໜູນບັດບັດບາດ

ຈຳນວນໃນຕາລະບັນອອກສະແດງວ່າບັນດາສານບັດເບິ່ງທີ່ໃຊ້ບໍ່ດີທຳອິດ.

ຈຳນວນ -moz- ສະແດງວ່າພວກເຂົາໃຊ້ກໍາແພງບຸກຄົນທຳອິດຂອງການໃຊ້.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-
ບໍ່ສາມາດໃຊ້. 34.0

* ໃນ Edge/Internet Explorer, ບໍ່ສາມາດໃຊ້ "start" ແລະ "end" ມັນ.