前端技术文档和网站数据接口使用指南详情
网站开发中有关html、css、js等前端技术文档和易助科技网网站数据接口使用文档及相关资料下载!

文本溢出处理text—overflow:ellipsis详解

来源:易助科技浏览量:44收藏

text-overflow:ellipsis用法


1.  单行文本溢出:


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


2.  多行文本溢出


overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp: 3;

/*第几行裁剪*/  
-webkit-box-orient: vertical;


3.  IE兼容 使用dotdotdot.js插件(附件下载)


$('div').dotdtdot();