CSS text-align-last 属性设置文本块的最后一行的对齐方式。
可能的值
- auto:根据 text-align 的值对齐。
- start:如果方向是 ltr,则向左对齐,如果方向是 rtl,则向右对齐。
- end:如果方向是 ltr,则向右对齐,如果方向是 rtl,则向左对齐。
- left:与左边距对齐(朝向左侧)。
- right:与右边距对齐(朝向右边距)。
- center:在页面中心对齐。
- justify:与两个边距对齐。
适用于
所有块级元素。
DOM 语法
object.style.textAlignLast = "start";
CSS text-align-last - 基本示例
下面是一个示例:
<html>
<head>
</head>
<body>
<h2>Text Align Last</h2>
<p style="text-align-last: left;">Text Alignment to Left.</p>
<p style="text-align-last: right;">Text Alignment to Right.</p>
<p style="text-align-last: center;">Text Alignment to Center.</p>
<p style="text-align-last: start;">Text Alignment as start (left).</p>
<p style="text-align-last: end;">Text Alignment as end (right).</p>
<p style="text-align-last: justify; border: 2px solid red; width: 200px; height: 100px;">
Text Justify Alignment. This alignment aligns the text based on both the margins, left and right.
</p>
</body>
</html>