針對一行超出用省略號表示
<p>這里有很多內(nèi)容哨毁,很多很多,顯示不完</p>
p{font-size:20px;line-height:40px;overflow:hidden;white-space:nowarp;text-overflow:ellipsis;width:200px;}
顯示結(jié)果
這里有很多內(nèi)容蚊逢,很多...
超出兩行用省略號表示
<p>這里有很多內(nèi)容,很多很多恼除,顯示不完這里有很多內(nèi)容河爹,很多很多,顯示不完這里有很多內(nèi)容芽狗,很多很多,顯示不完</p>
p{font-size:20px;line-height:40px;width:400px;}
$(document).ready(function(){
t=$('p:eq(0)');
if(t.height()>80){
t.height(80);
t.css({overflow:'hidden'});
t.text(t.text().substring(0,t.html().length-8));
t.html(t.html()+'....');
}
})
同樣想要多行省略也是一樣痒蓬,只需后面標(biāo)簽高端改變即可