📜  HTML | DOM 样式 textAlignLast 属性(1)

📅  最后修改于: 2023-12-03 15:15:36.818000             🧑  作者: Mango

HTML | DOM 样式 textAlignLast 属性

textAlignLast 属性指定文本最后一行的对齐方式。

语法
<style>
  p {
    text-align-last: start|end|left|right|center|justify|initial|inherit;
  }
</style>

属性值:

  • start:对齐文本段落的开头边缘。
  • end:对齐文本段落的末尾边缘。
  • left:在容器的左侧对齐文本。
  • right:在容器的右侧对齐文本。
  • center:在容器中心对齐文本。
  • justify:对齐文本的所有行。
  • initial:默认值,继承父元素的属性。
  • inherit:继承父元素的属性。
示例
<p style="text-align-last: start;">This is a test paragraph for the text-align-last property.</p>
<p style="text-align-last: end;">This is a test paragraph for the text-align-last property.</p>
<p style="text-align-last: left;">This is a test paragraph for the text-align-last property.</p>
<p style="text-align-last: right;">This is a test paragraph for the text-align-last property.</p>
<p style="text-align-last: center;">This is a test paragraph for the text-align-last property.</p>
<p style="text-align-last: justify;">This is a test paragraph for the text-align-last property.</p>

效果如下:

textAlignLast 示例效果图

浏览器兼容性

textAlignLast 属性在各个浏览器中的兼容情况如下:

textAlignLast 浏览器兼容性

参考文献