定义和用法

text-overflow 属性规定当文本溢出包含元素时显示的样式。

语法

text-overflow: clip|ellipsis|string;
描述
clip 修剪文本。
ellipsis 显示省略符号来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。
语言语法
JavsScriptobject.style.textOverflow="ellipsis"
Jquery$('选择器').css('text-overflow','clip')

例子 1

当光标浮动到元素上时显示全部文本。

<!DOCTYPE html>
<html><head>
<style type="text/css"> 
div.test{ white-space:nowrap; width:12em; overflow:hidden; text-overflow:ellipsis;}
div.test:hover{ text-overflow:inherit;overflow:visible; }
</style>
</head><body>
<p>把光标移动到div上就能够看到全部文本。</p>
<div class="test" style="text-overflow:ellipsis;">
This is some long text that will not fit in the box
</div>
</body></html>

实际效果演示:

This is some long text that will not fit in the box