强制不换行

针对一行超出用省略号表示

这里有很多内容,很多很多,显示不完

p{font-size:20px;line-height:40px;overflow:hidden;white-space:nowarp;text-overflow:ellipsis;width:200px;}

显示结果

这里有很多内容,很多...

超出两行用省略号表示

这里有很多内容,很多很多,显示不完这里有很多内容,很多很多,显示不完这里有很多内容,很多很多,显示不完

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()+'....'); } })

同样想要多行省略也是一样,只需后面标签高端改变即可

你可能感兴趣的:(强制不换行)