在網頁設計中，經常會出現一些長文本需要顯示，但是這些文本長度可能會超出設計區域的限制，此時就需要使用CSS設置字體超出部分顯示省略號的效果。

具體實現方法如下：

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

這里，overflow: hidden;的主要作用是將超出設計區域的文本部分隱藏起來，text-overflow: ellipsis;將超出部分顯示為省略號，而white-space: nowrap;則是將文本不進行換行，必要時截斷。

需要注意的是，該方法一般情況下只對單行文本有效果，若需要對多行文本進行設置，則需要使用 JavaScript 或其他工具庫來實現。