**：
為了更符合實際，我用乙個div裝起要除錯的內容,並為這個div定義乙個寬度。
例如：div
html**：
<
div>
<
span
>
葡提子英文**建設blog blog.onlygrape.com
span
>
div>
在ie中實現是非常簡單的，css 如下：
span
html**：
葡提子英文**建設blog blog.onlygrape.com
我們再為這個p標籤加樣式。
p:after
這樣還不行，因為省略號是有寬度的，這樣省略號就跳到一下行了，下面要做的就是讓span 加省略號的寬度不大於容器寬度(準確的說是相等)，並且讓省略號緊跟內容的內容，下就是解決上面這些問題的css樣式：
pp span
p:after
這裡還要補充的一點是關於p span 的寬度用了」max-width」這個屬性，ie不能解釋該屬性，而ff可以,這樣就避開了ie對span寬度的重新應用。上面說得有亂，歸納如下：
html**：
<
div>
<
p><
span
>
葡提子英文**建設blog blog.onlygrape.com
span
><
p>
div>
css**：
div/**/
/*ie下的樣式
*/p span
/**/
/*ff 下的樣式 */p
p span
p:after
實現溢位文字顯示省略號的效果
color brown size medium text overflow只是用來說明文字溢位時用什麼方式顯示，要實現溢位時產生省略號的效果，還須定義強制文字在一行內顯示 white space nowrap 及溢位內容為隱 藏 overflow hidden 只有這樣才能實現溢位文字顯示省略號的效...
文字溢位顯示省略號
在開發過程中經常會遇到文字過長超出文字的寬度，這時候我們會考慮將文字截斷，但是只顧截斷會失去互動的友好性，因為使用者不知道後面還有內容，我們會在文字超出寬度的部分加上省略號，然後加上title屬性，當使用者滑鼠放到此處提示完整資訊。文字溢位顯示省略號有兩種情況 單行文字 1 text overflo...
文字溢位顯示省略號
使用text overflow屬性，並且要加width寬度屬性 overflow hidden text overflow ellipsis white space nowrap 1.webkit核心和移動端的瀏覽器，使用css擴充套件屬性 display webkit box webkit box...