如何根据div大小调整字体大小....？

Question

如果名字像“大卫”那么它就在分配的空间内...... 但如果名字就像“john pal abraham desouza”那么分配的空间会自动增加..

所以我需要通过自动调整字体大小来在分配的空间中占用名称。 建议我一个解决方案..

Answer 1

您可以使用jQuery检查字符串的长度并猜测合适的字体大小，检查渲染的宽度，然后在必要时再次调整。

正如@Kieran上面所说，它不会万无一失 - 如果一个名字很长，那么字体大小就会很小。此外，如果长名称中没有空格，则文本不会包裹两行。然而，这是一个边缘案例。

Answer 2

使用隐藏的假人div进行检查

通过使用隐藏（使用visibility: hidden）和绝对定位的div相同的字体CSS设置和复制的内容，您可以轻松更改字体大小并检查div宽度。超过一定尺寸时，您可以使用原始div上的最后一个有效值。这将避免您的字体和内容重新定位和重新计算的视觉更改，以便更快地工作。这也可以避免长非间隔词的问题。

同样的问题已经是asked和answered。