我們在項目中一直都是使用JS來控制如果文字內容超過的時候，用...來表示，其實是可以通過CSS來控制的，
下面提供幾種辦法
測試的瀏覽器：ie6，ie7，ie8，chrome17 ，firefox10
1）css方法
text-overflow-fag{
width:500px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}
該方法在ie6,7,8 chrome17,firefox10 下均測試通過
2）網上別人提供的一個負margin定位的方法，我覺得比較好。
其原理是將（...）使用負margin的方式隱藏在div的上面，使用右浮動的方式，文字使用左浮動的方式隱藏，如果文字過長，就是將...給擠下來
一個技巧就是（...）所在div的高度要比負margin大一點，為什么呢？這就是一個鈎子，一旦超過長度，就將上面的（...）給擠下來了。