在我們編寫BS的應用程式中，有時我們想將資料庫中的資料以表格方式顯示出來，可是裡面的資料長度不一致。為了美觀，很多的網站以省略符號的方式顯示內容。我看過很多的網站都是自己先取出相同長度的資料，然後再加省略符號。其實在CSS中text-overflow就可以解決這個問題。文法：
text-overflow :
clip |
ellipsis 取值：
| clip |
: |
預設值。不顯示省略標記(...)，而是簡單的裁切 |
| ellipsis |
: |
當對象內文本溢出時顯示省略標記(...) |
說明：設定或檢索是否使用一個省略標記(...)標示對象內文本的溢出。
這個屬性僅僅作用於水平內聯方向的，普通的西方文本的溢出。內聯溢出發生在行內的文本超出可用寬度卻沒有換行機會的時候。
要強制溢出發生並且應用
ellipsis 值，作者必須設定對象的 white-space 屬性值為
nowrap 。
假如沒有換行機會(例如，對象容器的寬度是狹窄的，而內有很長的沒有合理斷行的文本)，沒有應用
nowrap 也有可能溢出。
為了使
ellipsis 值被應用，此屬性必須被設定到具有不可視地區的對象。最好的選擇是設定 overflow 屬性為
hidden 。設定 overflow 屬性為
scroll 或者
auto 時，此屬性也會應用。但是會有捲軸出現。
通過選擇省略標記，隱藏的文本可以被選擇。當選擇發生時，省略標記會隱藏而被文本替換。
此屬性為在DHTML中製作省略標記提供了高效的方法。
此屬性對於
currentStyle 對象而言是唯讀。對於其他對象而言是可讀寫的。
對應的指令碼特性為
textOverflow 。
<div style=“width:100%;height:90px;background-color:#87CEEB;padding:8px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;”您從下面的選擇框中選擇這段文字的相應屬性的值。看一看會發生什麼，然後您就會明白他們的意義。</div>
可以自己試一下，是不是也會出現省略符號
