CSS - text-align-last 屬性



text-align-last 屬性設定文字塊最後一行文字的對齊方式。

可能的取值

  • auto: 根據 text-align 的值進行對齊。

  • start: 如果 directionltr,則左對齊;如果 directionrtl,則右對齊。

  • end: 如果 directionltr,則右對齊;如果 directionrtl,則左對齊。

  • 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> 
廣告