當我們在開發網站或者移動APP時，經常會發現一些文本被省略號(ellipsis)代替了。這通常是由于text-overflow屬性所產生的。

text-overflow屬性描述了當文本溢出其包含的塊元素時的處理方法。

text-overflow: clip | ellipsis | string | initial | inherit;

clip: 默認值，以“...”代替溢出的文本并被裁剪

ellipsis: 以省略號“...”代替溢出的文本。

string: 將在文本結尾處添加給定字符串，并用該字符串代替溢出的文本。

initial: 繼承父元素的text-overflow屬性。

inherit: 從父元素繼承text-overflow屬性。

我們可以通過以下的CSS樣式規則來應用text-overflow屬性：

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

這三個CSS樣式規則用于多行文本的單行展示，并添加省略號代替多余文本。其中，overflow規則定義了不可見溢出文本的裁剪；text-overflow規則使用省略號代替多余文本；white-space規則取消了文本的折行。

總之，當文本溢出時，我們可以通過添加text-overflow屬性來代替多余的內容，并以省略號作為代替。