使用text-overflow:ellipsis對溢位文字顯示省略號有兩個好處：
一是不用通過程式限定字數；
二是有利於SEO。需要使用對對溢位文字顯示省略號的通常是文章標題列表，這樣處理對搜尋引擎更友好，因為標題實際上並未被截字，而是侷限於寬度而未被顯示而已。

設定span的屬性為：

<style type="text/css">
    span{
        overflow: hidden; 
        text-overflow: ellipsis; 
        -o-text-overflow: ellipsis;
        white-space
 
:nowrap;
        width:240px;
        height:24px;
        display:block;
    }
</style>

其中，
overflow: hidden和white-space: nowrap都是必須的否則不會顯示省略號；
-o-text-overflow: ellipsis針對Opera；
而寬度的設定主要是針對IE6；
該方法支援Internet Explorer, Safari, Chrome 和 Opera，但FF並不支援，不過可以通過Jquery來實現類似的效果。
下載這個Jquery外掛：jQuery ellipsis plugin
呼叫方法：

$(document).ready(function() {
    $('.ellipsis').ellipsis();
}

overflow屬性介紹：

定義和用法

overflow 屬性規定當內容溢位元素框時發生的事情。

說明

這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll，不論是否需要，使用者代理都會提供一種滾動機制。因此，有可能即使元素框中可以放下所有內容也會出現滾動條。

可能的值

text-overflow屬性介紹：

定義和用法

text-overflow 屬性規定當文字溢位包含元素時發生的事情。

語法

text-overflow: clip|ellipsis|string;