css text-overflow属性

text-overflow

属性规定当文本溢出包含元素时发生的事情。

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

<div style="width:200px; white-space:nowrap;
overflow:hidden;text-overflow:ellipsis; border:1px solid #336699">
试试看，前面一段我知道，加上...倒还真的不知道，看看效果
</div>

实例

<style type="text/css">
.overflow{
	width: 200px;#固定长度
	overflow: hidden;#超出部分隐藏
	text-overflow: ellipsis;#超出显示...
	-o-text-overflow:ellipsis;
	
	white-space: nowrap;#不允许换行
}
</style>
<div class="overflow">
试试看，前面一段我知道，加上...倒还真的不知道，看看效果
</div>

#有些浏览器不兼容css 的text-overf属性可以通过jquery设置
#$(document).ready(function() {
$('.overflow').ellipsis();
}