说明:想某个地方只显示一行、两行的办法。

  • html
<p class="text-ellipsisss">
我的是小宇宙;<br />我的是小宇宙;我的是小宇宙;<br />我的是小宇宙;我的是小宇宙;我的是小宇宙;<br />我的是小宇宙;
</p>
  • css
.text-ellipsisss {
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp: 3;
  }
  • jq
$(".text-ellipsisss").each(function(){
       var len=$(this).text().length;   //当前HTML对象text的长度
       if(len>30){
           var str="";
           str=$(this).text().substring(0,30)+"......";  //使用字符串截取,获取前30个字符,多余的字符使用“......”代替
           $(this).html(str);                   //将替换的值赋值给当前对象
       }
    });
最后修改:2020 年 01 月 06 日 09 : 53 AM
如果觉得我的文章对你有用,请随意赞赏