Question

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

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

我的代码如下所示：

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

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

（在此示例中，我尝试更改文本颜色，因此很容易看出它是否正常工作......;））。

我的任何想法都可以解决这个问题？这样的事情会影响所有的帖子标题还是只影响那些过大的标题？

Answer 1

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

例如：word-break: break-all;

<强> jsFiddle example

Answer 2

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

<强> Example

当文本太长时，用jQuery更改字体大小

2 个答案: