实例
使用text-overflow属性:
运行一下 »div.test
{
text-overflow:ellipsis;
}
在此页底部有更多的例子。
浏览器支持
所有主流浏览器都支持text-overflow属性。
属性定义及使用说明
text-overflow属性指定当文本溢出包含它的元素,应该发生什么。
默认值: | clip |
---|---|
继承: | no |
版本: | CSS3 |
javascript 语法: | object.style.textOverflow="ellipsis" |
语法
text-overflow: clip|ellipsis|string;
值 | 描述 |
---|---|
clip | 修剪文本。 |
ellipsis | 显示省略符号来代表被修剪的文本。 |
string | 使用给定的字符串来代表被修剪的文本。 |
在线实例
悬停显示整个文本
这个例子演示了当鼠标悬停在该元素,如何显示整个文本。