2014-01-20 45 views
0

关于wordpress主题我正试图让我对帖子标题有一些狭窄的空间。 通常,当单词不太大时(因为一个单词总是可以进入下一行)是可以的,但是当单词很长时(比如“ANTIDISESTABLISHMENTARIANISM”),那么这是一个问题。当文字太长时用jQuery更改字体大小

我认为一个解决方案可能是检查与jQuery如果在标题上有超过x个字符的任何单词。我想开始尝试标题中的字符总数(与在标题中寻找长单个单词相比)。

我的代码如下所示:

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

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

(在这个例子中我尝试改变文字颜色,所以很容易看它是否工作或不...;))。

我的任何想法都可以解决这个问题?像这样的东西会影响到所有的帖子标题还是只是太大的一个?

+1

错字:'length'并且它是一个属性不是方法。 – undefined

回答

2

为什么不用CSS来处理呢?使用word-break属性。

例:word-break: break-all;

jsFiddle example

+0

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

1

与CSS3的另一个解决方案:text-overflow: ellipsis

Example