文字内容溢出用省略号（...）表示

前言

为避免将来有人看到这文章产生误会，特此声明下，这个专题里的文章是我学习前辈们的经验总结并记录来回顾复习所用，他不是完整的或单纯的抄袭，同时我会在每篇文章都留下原文的地址。当然，随着技术发展可能一些老的方案也会淘汰，过时。但毕竟这是扩宽解决问题的思路，深究原理 才能更好的发展。

单行文本溢出省略号表示

html

 <div class="wrap">
    this is a test will
 </div>

css

.wrap {
  width: 100px;
  border: 1px solid #00a5d7;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

判断字符串个数溢出省略号表示

使用jq就行了，不用再写..

参考文章

• 关于文字内容溢出用点点点(…)省略号表示