css实现单行多行文本溢出出现省略号
2017-11-20 阅读数:237

首先是单行省略号的css写法:

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

    根据实际需求,可以加上宽度width控制出现省略号的位置

其次是多行省略号的css写法:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

    因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;

前方10米有沙发可抢!
大人,请先右上角登个录 ↑
Copyright@2017-2020 www.dongguagua.com All Right Reserived 京ICP备17025269号