CSS3 text-水果拉霸

本文地址:http://www.19ward.com/cssref/pr_text-overflow.asp
文章摘要:CSS3 text,牌九娱乐威尼斯人娱乐澳门赌场娱乐,GT电子娱乐真人娱乐三公娱乐。

水果拉霸

实例

使用 text-水果拉霸:

div.test
{
text-overflow:ellipsis;
}

亲自试一试

页面底部有更多实例。

浏览器支持

IE Firefox Chrome Safari Opera

所有主流浏览器都支持 text-水果拉霸。

定义和用法

text-水果拉霸规定当文本溢出包含元素时发生的事情。

默认值: clip
继承性: no
版本: CSS3
JavaScript 语法: object.style.textOverflow="ellipsis"

语法

text-overflow: clip|ellipsis|string;
描述 测试
clip 修剪文本。 测试
ellipsis 显示省略符号来代表被修剪的文本。 测试
string 使用给定的字符串来代表被修剪的文本。

亲自试一试 - 实例

带有 hover 效果的 Text-overflow
本例演示当光标浮动到元素上时如何显示全部文本。

相关页面

CSS3 教程:CSS3 文本效果