当文本太长时使用 jQuery 更改字体大小答案

【问题标题】：change font size with jQuery when text is too long当文本太长时使用 jQuery 更改字体大小
【发布时间】：2014-02-10 01:43:54
【问题描述】：

在 wordpress 主题上，我试图让帖子标题有一些狭窄的空间。通常单词不太大的时候是可以的（因为一个单词总是可以跳到下一行），但是当单词很长时（比如“ANTIDISESTABLISHMENTARIANISM”）那就有问题了。

我认为一个解决方案是使用 jQuery 检查标题上是否有任何超过 x 个字符的单词。我想开始尝试标题中的字符总数（而不是在标题中寻找长的单个单词）。

我的代码如下所示：

$(function(){
    var $title = $(".entry-title a").text();
    var $titlesize = $title.lenght();

    if ($titlesize > 10){
        $(title).css("color","red");
    }
});

（在此示例中，我尝试更改文本颜色，因此很容易查看它是否有效...；））。

关于我的任何想法可以解决这个问题吗？这样的事情会影响所有的帖子标题还是只影响太大的标题？

【问题讨论】：

错字：length 它是一个属性而不是一个方法。

标签： jquery css wordpress font-size

【解决方案1】：

为什么不直接使用 CSS 来处理这个问题？使用word-break 属性。

例如：word-break: break-all;

jsFiddle example

【讨论】：

ai, ai, ai... 这是一个非常简单和好的解决方案。我只是不知道它的存在！谢谢！ =)

【解决方案2】：

使用 CSS3 的另一种解决方案：text-overflow: ellipsis

Example

【讨论】：