单行文本省略和多行文本省略

单行文本省略

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

多行文本省略

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

在这里的-webkit-line-clamp这个属性写2就是第二行文本省略，

写3就是第三行文本省略，以此类推。

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

推荐阅读更多精彩内容