text-align-last 用於控制塊級(jí)元素中最後一行文本或換行符前文本的對(duì)齊方式，1. 默認(rèn)情況下，text-align: justify 的最後一行左對(duì)齊，而text-align-last 可覆蓋此行為；2. 支持的值有auto、left、right、center 和justify；3. 可用於段落最後一行或<br> 前的行；4. 常見用途包括居中對(duì)齊段落末行、右對(duì)齊簽名行等；5. 大多數(shù)現(xiàn)代瀏覽器支持該屬性，但需注意舊版瀏覽器兼容性；6. 它是實(shí)現(xiàn)精細(xì)排版效果的有力工具，尤其適用於需要提昇文本美觀度的場(chǎng)景。

The text-align-last property in CSS controls how the last line of text in a block or a line that ends with a forced line break (like a <br> ) is aligned. This is especially useful when you want to fine-tune text alignment in justified paragraphs, such as making the last line align left, right, center, or justify differently from the rest.

When to Use text-align-last

By default, when you use text-align: justify , all lines are stretched to align with both the left and right edges—except the last line, which is typically left-aligned (in left-to-right languages). With text-align-last , you can override that default behavior.

Supported Values

 text-align-last: auto | left | right | center | justify;

• auto – Default. Usually behaves like left unless text-align: justify is set, then it justifies the last line.
• left – Aligns the last line to the left.
• right – Aligns the last line to the right.
• center – Centers the last line.
• justify – Stretches the last line to fill the container width (like the other lines in justified text).

Basic Example

 p {
  text-align: justify;
  text-align-last: center;
}

 <p>
  This is a paragraph with justified text, but the last line will be centered.
</p>

In this case, all lines except the last are justified. The last line is centered.

Using with Manual Line Breaks

You can also control alignment after a <br> since that creates a "last line" for the preceding text.

 p {
  text-align: center;
  text-align-last: right;
}

 <p>
  First line ends here.<br>
  This second line (which is the last) will be aligned to the right.
</p>

Here, even though the overall text is centered, the line before the <br> is treated as a "last line" and gets right-aligned.

Browser Support and Fallbacks

• Most modern browsers support text-align-last .
• Note : In some versions of Firefox, you may need to enable it via text-align-last in the CSS, but it generally works without prefixes now.
• For older browsers or better compatibility, test thoroughly or consider if the visual difference is critical.

Practical Use Cases

• Centering the last line in a justified paragraph (common in formal documents or poetry).
• Aligning signature lines to the right in a letter layout.
• Creating typographic effects where the final line stands out.

Summary

• Use text-align-last to control alignment of the last line in a block.
• Works best with text-align: justify , but applies whenever a line is considered "last".
• Values include left , right , center , justify , and auto .
• Be mindful of browser support in older environments.

Basically, it's a small but powerful detail for polished typography.

以上是如何使用CSS Text-Align-Last屬性？的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！