display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
效果如图:
适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;
width: 200px; //单行
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
效果如图:
适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;
width: 200px; //单行
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;