博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery.ellipsis根据宽度(不是字数)进行内容截断,支持多行内容
阅读量:5871 次
发布时间:2019-06-19

本文共 424 字,大约阅读时间需要 1 分钟。

jquery.ellipsis

自动计算内容宽度(不是字数)截断,并加上省略号,内容不受中英文或符号限制。

如果根据字数来计算的话,因为不同字符的宽度并不相同,比如l和W,特别是中英文,最终内容宽度会有很大的差异。

jquery.ellipsis.js 依赖jquery,使用方式

$(dom).ellipsis({maxWidth:120,maxLine:2});

maxWidth,最大宽度 maxLine,最大亮度,标题啊什么的显示通常需要支持多行内容显示。默认为1

jquery.ellipsis.unobtrusive.js 依赖jquery.ellipsis.js,非必须项,这个是用来支持用data-标签来控制行为 使用方式:

...

引入这个js即可自动根据元素上的data属性来处理,不需要写额外的脚本

源码及Demo下载:

转载于:https://www.cnblogs.com/as3lib/p/6799999.html

你可能感兴趣的文章