文本太長時使用jQuery更改字體大小

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示例

Answer 2

CSS3的另一種解決方案： text-overflow: ellipsis

例