截斷文本

對超過一行的文本進行截斷,在末尾添加省略號(…)。

• 使用 overflow: hidden 防止文本超出其尺寸。

• 使用 white-space: nowrap 防止文本超過一行高度。

• 使用 text-overflow: ellipsis 使得如果文本超出其尺寸,將以省略號結尾。

• 為元素指定固定的 width,以確定何時顯示省略號。

• 僅適用于單行元素

<p?class="truncate-text">如果我超過一行的寬度,我就會被截斷。</p>

使用 CSS 選擇任何鏈接