ປະກອບທຳມະດາ CSS text-align-last
- ບ່ອນໄປຫນັງຫນຶ່ງ text-align
- ບ່ອນໄປຕໍ່ໄປ text-decoration
定义和用法
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" ມັນ.
- ບ່ອນໄປຫນັງຫນຶ່ງ text-align
- ບ່ອນໄປຕໍ່ໄປ text-decoration