Javascript 是否可以调整文本大小以适应固定大小的div?

Javascript 是否可以调整文本大小以适应固定大小的div?,javascript,css,html,Javascript,Css,Html,对我来说,这似乎是一个非常自然的用例,尽管我还没有找到任何关于它的内容: 假设我有一个固定宽度的div,它动态地填充了一些数字。什么是确保数字较多的数字采用较小字体大小的最佳方法,以便它们能够很好地适应固定宽度?是否有一些CSS属性用于此,或者我必须求助于Javascript攻击?没有CSS属性可以根据固定容器自动调整字体大小。您将不得不求助于javascript 您可以将每个数字放在一个跨距中,并在每个跨距上循环检查其宽度。如果宽度大于固定宽度,请降低字体大小,然后再次检查宽度。继续降低字体大

对我来说,这似乎是一个非常自然的用例,尽管我还没有找到任何关于它的内容:


假设我有一个固定宽度的div,它动态地填充了一些数字。什么是确保数字较多的数字采用较小字体大小的最佳方法,以便它们能够很好地适应固定宽度?是否有一些CSS属性用于此,或者我必须求助于Javascript攻击?

没有CSS属性可以根据固定容器自动调整字体大小。您将不得不求助于javascript

您可以将每个数字放在一个跨距中,并在每个跨距上循环检查其宽度。如果宽度大于固定宽度,请降低字体大小,然后再次检查宽度。继续降低字体大小,直到跨距宽度小于固定宽度


为了防止闪烁,您应该在固定div可见但放在页面外(例如“位置:绝对;左:-5000px;”)时执行此循环检查,但是您可能想尝试一下这些脚本:

自然的使用情况是使用溢出来放置滚动条或剪辑。如果您显示的是一位数字,那么这两种解决方案都不是真正令人满意的