CSS3 text-overflow 属性

实例

使用text-overflow属性：

div.test
{
text-overflow:ellipsis;
}

尝试一下 »
在此页底部有更多的例子。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

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

属性定义及使用说明

text-overflow属性指定当文本溢出包含它的元素，应该发生什么。

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

语法

text-overflow: clip|ellipsis|string;

值	描述
clip	修剪文本。
ellipsis	显示省略符号来代表被修剪的文本。
string	使用给定的字符串来代表被修剪的文本。

更多实例

悬停显示整个文本
这个例子演示了当鼠标悬停在该元素，如何显示整个文本。

CSS3 教程: CSS3 Text Effects

温馨提示

下载编程狮App，免费阅读超1000+编程语言教程

取消

确定

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }

w3cschool 编程狮，随时随地学编程

CSS3 text-overflow 属性