lineclamp:将元素的文本限制为给定的高度或行数

时间:2024-05-21 16:32:55
【文件属性】:

文件名称:lineclamp:将元素的文本限制为给定的高度或行数

文件大小:46KB

文件格式:ZIP

更新时间:2024-05-21 16:32:55

JavaScript

线夹 通过减小字体大小或修剪文本将文本限制为给定的高度或行数。 适用于内联和块元素,具有边框,填充,行高,最小高度和最大高度的任意组合。 安装 npm install @tvanc/lineclamp 例子 查看有关CodePen的。 用法 import LineClamp from "@tvanc/lineclamp" const element = document . getElementById ( "#long-marketing-title" ) // Create a clamp set to one line const clamp = new LineClamp ( element , { maxLines : 1 } ) // Apply the clamp. clamp . apply ( ) // Watch for layout changes, reclamp


【文件预览】:
lineclamp-master
----.gitignore(38B)
----package.json(1KB)
----package-lock.json(98KB)
----src()
--------LineClamp.js(11KB)
----rollup.config.js(569B)
----README.md(11KB)
----.npmignore(75B)
----test()
--------hammerfall.html(3KB)
--------test.html(2KB)
--------test.css(485B)
--------test.js(6KB)
--------perf.html(2KB)
--------slanty-blend-mode.html(2KB)
--------stretch-to-fit.html(1KB)
--------ahem.ttf(22KB)
----.editorconfig(400B)
----.prettierrc(20B)

网友评论