文本过长时使用jQuery更改字体大小

文本过长时使用jQuery更改字体大小,jquery,css,wordpress,font-size,Jquery,Css,Wordpress,Font Size,在一个wordpress主题上,我试图让我的文章标题有一些狭窄的空间。 通常情况下,如果单词不太大(因为一个单词总是可以排到下一行),这是可以的,但是如果有一个很长的单词(比如“ANTIDISESTABLISHMENTARIANISM”),那么这就是一个问题 我认为一个解决方案是使用jQuery检查标题上是否有超过x个字符的单词。我想开始尝试标题中的字符总数(而不是在标题旁边寻找长的单字) 我的代码如下所示: $(function(){ var $title = $(".entry-ti

在一个wordpress主题上,我试图让我的文章标题有一些狭窄的空间。 通常情况下,如果单词不太大(因为一个单词总是可以排到下一行),这是可以的,但是如果有一个很长的单词(比如“ANTIDISESTABLISHMENTARIANISM”),那么这就是一个问题

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

我的代码如下所示:

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

    if ($titlesize > 10){
        $(title).css("color","red");
    }
});
(在本例中,我尝试更改文本颜色,以便很容易看到它是否工作…;)


我能解决这个问题吗?像这样的事情会影响所有的帖子标题还是只影响一个太大的帖子标题?

为什么不使用CSS来处理这个问题呢?使用属性

例如:
wordbreak:break all


为什么不直接使用CSS来处理这个问题呢?使用属性

例如:
wordbreak:break all


为什么不直接使用CSS来处理这个问题呢?使用属性

例如:
wordbreak:break all


为什么不直接使用CSS来处理这个问题呢?使用属性

例如:
wordbreak:break all


另一个使用CSS3的解决方案:
文本溢出:省略号


另一个使用CSS3的解决方案:
文本溢出:省略号


另一个使用CSS3的解决方案:
文本溢出:省略号


另一个使用CSS3的解决方案:
文本溢出:省略号


打字:
length
是属性而不是方法。打字:
length
是属性而不是方法。打字:
length
是属性而不是方法。打字:
length
是属性而不是方法。ai,ai,ai。。。这是一个非常简单和好的解决方案。我只是不知道它的存在!谢谢哎,哎,哎。。。这是一个非常简单和好的解决方案。我只是不知道它的存在!谢谢哎,哎,哎。。。这是一个非常简单和好的解决方案。我只是不知道它的存在!谢谢哎,哎,哎。。。这是一个非常简单和好的解决方案。我只是不知道它的存在!谢谢