在我們編寫bs的應用程式中,有時我們想將資料庫中的資料以**方式顯示出來,可是裡面的資料長度不一致。為了美觀,很多的**以省略號的方式顯示內容。我看過很多的**都是自己先取出相同長度的資料,然後再加省略號。其實在css中text-overflow就可以解決這個問題。
語法:text-overflow :clip |ellipsis
取值:
clip:預設值。不顯示省略標記(...),而是簡單的裁切
ellipsis:當物件內文字溢位時顯示省略標記(...)
說明:
設定或檢索是否使用乙個省略標記(...)標示物件內文字的溢位。
這個屬性僅僅作用於水平內聯方向的,普通的西方文字的溢位。內聯溢位發生在行內的文字超出可用寬度卻沒有換行機會的時候。
要強制溢位發生並且應用ellipsis值,作者必須設定物件的
white-space 屬性值為nowrap。
假如沒有換行機會(例如,物件容器的寬度是狹窄的,而內有很長的沒有合理斷行的文字),沒有應用nowrap也有可能溢位。
為了使ellipsis值被應用,此屬性必須被設定到具有不可視區域的物件。最好的選擇是設定
overflow 屬性為hidden。設定
overflow 屬性為scroll或者auto時,此屬性也會應用。但是會有滾動條出現。
通過選擇省略標記,隱藏的文字可以被選擇。當選擇發生時,省略標記會隱藏而被文字替換。
此屬性為在dhtml中製作省略標記提供了高效的方法。
此屬性對於currentstyle物件而言是唯讀的。對於其他物件而言是可讀寫的。
對應的指令碼特性為textoverflow。