jQuery 插件使文本适合宽度/高度定义的元素

发布于 2024-12-11 00:55:08 字数 371 浏览 0 评论 0原文

我了解 fitText.js 和 bigText.js,但它们都不适用于多行标题(bigText 可以执行多行,但您必须将每一行包装在 div 中,这在这里不起作用)。简而言之,给出一个

,其 width: 200px; height: 175px; 是否有一个 jQuery 插件可以动态调整文本大小直到全部可见?

像这样的东西:

我的短标题

会很大,但是像

我的较长标题需要完全可见而不被截断

这样的东西/h1> 会小很多。知道有什么可以解决这个问题吗?

I know about fitText.js and bigText.js, but neither are meant for a multiple line headline (bigText can do multiple lines, but you have to wrap each line in a div, which won't work here). Put simply, give an <h1> with width: 200px; height: 175px; is there a jQuery plugin that will dynamically resize the text until it's all visible?

Something like this: <h1>My Short Headline</h1> would be large, but something like <h1>My Somewhat Longer Headline That Needs To Be Completely Visible With No Truncation</h1> would be quite a bit smaller. Know of anything that would do the trick?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

零崎曲识 2024-12-18 00:55:08

想出了我自己的解决方案: http://jsfiddle.net/bjork24/VQEC9/

现在我只是需要将其放入插件中,我就可以开始了。

Came up with my own solution: http://jsfiddle.net/bjork24/VQEC9/

Now I just need to throw it into a plugin and I'll be good to go.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文