2.限制文字显示2行的方法

1.方法1

.showLine {
    text-overflow: -o-ellipsis-lastline;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    display: -webkit-box;  
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;  
}

改变数字即可更改显示的行数
2.方法2
加上class="mui-ellipsis-2"

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 134,948评论 18赞 139
  • Java初级面试题
    1. Java基础部分 基础部分的顺序：基本语法，类相关的语法，内部类的语法，继承相关的语法，异常的语法，线程的语...
    子非鱼_t_阅读 31,766评论 18赞 399
  • 妈妈or朋友？
    经常听到身边人向我抱怨说自己的妈妈有多么烦人多么讨厌，然后痛斥一顿。 我想，或许只是妈妈表达爱意的方式和我们想象的...
    未优阅读 211评论 0赞 0
  • No.567 手绘打卡 D10
    晒晒雨阅读 256评论 0赞 0