一、单行 溢出隐藏 添加省略号

p{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

二、多行 溢出隐藏 省略号

p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/*设置省略号在容器第四行文本后*/
	-webkit-line-clamp: 4; 
	overflow: hidden;
}

三、使用插件

var module = document.getElementById("clamp-this-module");
$clamp(module, {clamp: 3});

原文地址