根据文本长度更改字体大小

时间:2014-04-05 13:36:15

标签: jquery css font-size

我有一些方形表单元格(以5x5矩阵排列),根据屏幕的分辨率和取决于方向改变大小。它们的高度(和宽度)可以低至76px,高达182px(我认为这个范围可能因显示的屏幕而有所不同)。

这是问题所在。我把国名放在这些盒子里,它们可能是5个字母的短文,如“意大利”,或者它们可能是长名,如“Afganisthan”。有没有办法,使用JQuery(因为这是我用来确定屏幕大小)来改变字体大小,以便这个词充分利用可用的空间?国名可以由多个词组成,例如“安提瓜和巴布达”。在这种情况下,我只关心名称中最长的单词,因为可以包装文本。我已经在后面的C#代码中有一个函数来检测字符串中最长的单词,但我不知道如何使用该信息来影响调整文本大小的JQuery函数。

重要的是代码是客户端,因为用户可能决定轮换他们的设备,我希望在不发送服务器请求的情况下调整文本大小。

谢谢!

1 个答案:

答案 0 :(得分:1)

这可能是有用的阅读css-tricks 而不是计算单词,使用字符串长度属性。