CSS强制文本在一行内显示若有多余字符则使用省略号表示

2019独角兽企业重金招聘Python工程师标准>>>

同时应用： text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可实现所想要得到的溢出文本显示省略号效果：

 

二：-webkit-line-clamp下多行文字溢出点点点...显示实例页面

目前仅支持webkit浏览器

.box {
    width: 400px; 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

转载于:https://my.oschina.net/u/2365397/blog/686467