js裡有個判斷就是當樣式裡出現text-overflow或者-o-text-overflow的時候，便不會執行這段js。因為支援這兩個屬性的瀏覽器可以自己實現ellipsis效果。具體呼叫如：
或者以上是通過classname或者組建id來呼叫js函式。
--------------------------
---------------------------
xul方式：
首先，我們建立xul，它應該被儲存為ellipsis.xml
<?xml version="1.0"?>
然後我們需要把這個xml檔案放到乙個目錄，原來的css需要加一條，變成這樣
p 雖然firefox通過xul的方式實現了ellipsis，但是還是需要注意以下這些問題：
（1）經過xul處理過的文字你將不能被選中，按理說-moz-user-select: text; 屬性將允許文字被選中，但是我沒有試驗成功。
（2）如果你給父元素繫結了xul，那麼子元素的內容將變得不可見。
例如：源**為 it is a longhaha long long long long text!
結果在firefox瀏覽器中是看不到haha內容的。
單行溢位文字顯示省略號的方法（相容IE FF）
為了更符合實際，我用乙個div裝起要除錯的內容,並為這個div定義乙個寬度。例如 div html div span 葡提子英文 建設blog blog.onlygrape.com span div 在ie中實現是非常簡單的，css 如下 span html 葡提子英文 建設blog blog.on...
文字溢位顯示省略號
在開發過程中經常會遇到文字過長超出文字的寬度，這時候我們會考慮將文字截斷，但是只顧截斷會失去互動的友好性，因為使用者不知道後面還有內容，我們會在文字超出寬度的部分加上省略號，然後加上title屬性，當使用者滑鼠放到此處提示完整資訊。文字溢位顯示省略號有兩種情況 單行文字 1 text overflo...
文字溢位顯示省略號
使用text overflow屬性，並且要加width寬度屬性 overflow hidden text overflow ellipsis white space nowrap 1.webkit核心和移動端的瀏覽器，使用css擴充套件屬性 display webkit box webkit box...