CSS文字：text-overflow(轉)[@more@]

text-overflow版本：IE6+專有屬性　繼承性：無

語法：

text-overflow : clip | ellipsis

取值：

clip :? 預設值。不顯示省略標記(...)，而是簡單的裁切

ellipsis :? 當物件內文字溢位時顯示省略標記(...)

說明：

設定或檢索是否使用一個省略標記(...)標示物件內文字的溢位。

這個屬性僅僅作用於水平內聯方向的，普通的西方文字的溢位。內聯溢位發生在行內的文字超出可用寬度卻沒有換行機會的時候。

要強制溢位發生並且應用 ellipsis 值，作者必須設定物件的 white-space 屬性值為 nowrap 。

假如沒有換行機會(例如，物件容器的寬度是狹窄的，而內有很長的沒有合理斷行的文字)，沒有應用 nowrap 也有可能溢位。

為了使 ellipsis 值被應用，此屬性必須被設定到具有不可視區域的物件。最好的選擇是設定 overflow 屬性為 hidden 。設定 overflow 屬性為 scroll 或者 auto 時，此屬性也會應用。但是會有捲軸出現。

透過選擇省略標記，隱藏的文字可以被選擇。當選擇發生時，省略標記會隱藏而被文字替換。

此屬性為在DHTML中製作省略標記提供了高效的方法。

此屬性對於 currentStyle 物件而言是隻讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為 textOverflow 。

示例：

div { overflow: hidden; text-overflow:ellipsis; }

CSS文字：text-overflow(轉)

相關文章