html⽂本溢出显⽰省略字符的两种常⽤解决⽅法
jquery字符串截取⽅法⼀：使⽤CSS溢出省略的⽅式解决
解决效果如下：
css代码：
display: -webkit-box;
display: -moz-box;
white-space: pre-wrap;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;  /*显⽰⾏数*/
⽅法⼆：使⽤jQuery截取替换⽂本内容的⽅式解决
解决效果如下：
js代码：
$(".text").each(function() {
if ($(this).text().length > 20) {//要求字数⼤于20才进⾏字数替换
$(this).html($(this).text().replace(/\s+/g, "").substr(0, 80) + "...")
//从0到80开始替换，将剩余⽂本内容替换为"..."
}
})
上述两种⽅法作⽤在⽂本内容的类名即可。
总结
以上所述是⼩编给⼤家介绍的html⽂本溢出显⽰省略字符的两种常⽤解决⽅法，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。