gpt4 book ai didi

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

转载 作者:数据小太阳 更新时间:2023-10-29 04:40:48 26 4
gpt4 key购买 nike

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

假设您有以下基本结构:

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

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

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

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

最佳答案

看看FitText

在github上也是开源的。

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

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

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com