HTML
<div class="summary">
<p class="news">业内知道，当赵科林“过档”联想之初，恰逢联想公布新的财报，据财报披露，当时期内联想智能手机销量为5000万台，同比增长72.3%，在全球市场中占有率为4.6%。其中，中国区手机销量为4450万台，销售占比超过90%。而当其在今年7月离任之时在上半财年，联想手机海外市场在总体销量中的占比从一年前的19%大幅提升到了现在的70%。在印尼、俄罗斯、印度及巴西等主要新兴市场，联想的增长分别高于当地智能手机市场增长12、175、48及4个百分点。事实证明，赵科林在联想任职一年间，对于联想海外市场，或者说联想手机业务市场战略重心的转移（从国内到海外）功不可没。至于联想为何整体移动业务下滑，其手机业务品牌战略过多和定位不清才是主因，这也是为何近期联想宣布未来放弃VIBE品牌，而只保留摩托罗拉和乐檬两个品牌的主要原因。由此看，联想今年7月移动业务的调整，尤其是赵科林的“下课”更多是充当了联想移动业务下滑的“替罪羊”
</p>
<a href="">[详情]</a>
</div>
<div class="summary">
<p class="news">业内知道，当赵科林“过档”联想之初，恰逢联想公布新的财报，据财报披露，当时期内联想智能手机销量为5000万台，同比增长72.3%，在全球市场中占有率为4.6%。其中，中国区手机销量为4450万台，销售占比超过90%。而当其在今年7月离任之时在上半财年，联想手机海外市场在总体销量中的占比从一年前的19%大幅提升到了现在的70%。在印尼、俄罗斯、印度及巴西等主要新兴市场，联想的增长分别高于当地智能手机市场增长12、175、48及4个百分点。事实证明，赵科林在联想任职一年间，对于联想海外市场，或者说联想手机业务市场战略重心的转移（从国内到海外）功不可没。至于联想为何整体移动业务下滑，其手机业务品牌战略过多和定位不清才是主因，这也是为何近期联想宣布未来放弃VIBE品牌，而只保留摩托罗拉和乐檬两个品牌的主要原因。由此看，联想今年7月移动业务的调整，尤其是赵科林的“下课”更多是充当了联想移动业务下滑的“替罪羊”
</p>
<a href="">[详情]</a>
</div>
CSS
*{
margin:0;
padding:0;
border:0;
box-sizing:border-box;
}
.summary{
width:50%;
margin:0 auto;
border:1px solid #000;
padding:20px;
margin:20px;
}
p{
width:auto;
display:inline-block;
}
JQuery
$(function(){
$("p.news").each(function(index, element) {
var $this=$(element);
var text=$this.text();
var length=text.length;
if(length > 20)
{
$this.html(text.substr(0,20)+"...");
}
});
});
效果图
