CSS3 text-overflow 屬性

實(shí)例

使用text-overflow屬性：

div.test
{
text-overflow:ellipsis;
}

嘗試一下 ?
在此頁(yè)底部有更多的例子。

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
text-overflow 4.0 6.0 7.0 3.1 11.0
9.0 -o-

屬性定義及使用說(shuō)明

text-overflow屬性指定當(dāng)文本溢出包含它的元素，應(yīng)該發(fā)生什么。

默認(rèn)值： clip
繼承： no
版本： CSS3
JavaScript 語(yǔ)法： object.style.textOverflow="ellipsis"

語(yǔ)法

text-overflow: clip|ellipsis|string;
值 描述
clip 修剪文本。
ellipsis 顯示省略符號(hào)來(lái)代表被修剪的文本。
string 使用給定的字符串來(lái)代表被修剪的文本。

Examples

更多實(shí)例

懸停顯示整個(gè)文本
這個(gè)例子演示了當(dāng)鼠標(biāo)懸停在該元素，如何顯示整個(gè)文本。

相關(guān)文章

CSS3 教程: CSS3 Text Effects