CSS - text-align-last 属性



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>