javascript - 根据其父容器检查文本元素的宽度(基于字体大小)

标签 javascript jquery css font-size

我带着一个棘手的问题来找你:

假设您有以下基本结构:

<div><p>hello</p></div>

现在假设 div 有 display:block;和宽度:200px;。 使用 javascript,你如何检查什么字体大小给你一个尽可能大的“你好”而不水平溢出(在一个单词的情况下)或者在一个句子或一组单词的情况下跳到第二行?

我想不出一种方法来测量文本占用的空间,以便随后可以根据父容器的空间对其进行检查,更不用说检查元素是否溢出或跳行了。

如果有办法,我相信这是正确的地方。

最佳答案

看看FitText

在github上也是开源的。

如果您对排版感兴趣,您可能想看看他们的另一个名为 Lettering.js 的元素

关于javascript - 根据其父容器检查文本元素的宽度(基于字体大小),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15422999/

相关文章:

html - 链接未按预期在框内对齐

jquery - SlickNav : How to make the menu close up after clicking on it

javascript - 为什么我的提交按钮没有隐藏?

javascript - Jasmine 测试甚至在 .click() 被触发之前运行

python - Django:找不到静态文件

javascript - 影响具有相同类的所有 html 元素的 jquery

javascript - Highcharts 将小数值四舍五入为 0。如何避免这种情况?

javascript - Angular ui-router Controller 范围

javascript - PHP MySQLi 在 JavaScript 警报中显示错误消息

javascript - Webpack 不加载 "asset/resource"类型