[開源]jquery.ellipsis根據寬度(不是字數)進行內容截斷,支持多行內容


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-標簽來控制行為 使用方式:

<p data-ellipsis="true" data-ellipsis-max-width="200" data-ellipsis-max-line="2">
   ...
</p>

引入這個js即可自動根據元素上的data屬性來處理,不需要寫額外的腳本

源碼及Demo下載:https://github.com/thinhunan/jquery.ellipsis


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM