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

關於wordpress主題我正試圖讓我對帖子標題有一些狹窄的空間。通常，當單詞不太大時（因爲一個單詞總是可以進入下一行）是可以的，但是當單詞很長時（比如「ANTIDISESTABLISHMENTARIANISM」），那麼這是一個問題。當文字太長時用jQuery更改字體大小

我認爲一個解決方案可能是檢查與jQuery如果在標題上有超過x個字符的任何單詞。我想開始嘗試標題中的字符總數（與在標題中尋找長單個單詞相比）。

我的代碼如下所示：

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

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

（在這個例子中我嘗試改變文字顏色，所以很容易看它是否工作或不...;））。

我的任何想法都可以解決這個問題？像這樣的東西會影響到所有的帖子標題還是隻是太大的一個？

來源

2014-01-20 Boguz Didgeridoo

錯字：'length'並且它是一個屬性不是方法。 – undefined

爲什麼不用CSS來處理呢？使用word-break屬性。

例：word-break: break-all;

jsFiddle example

來源

2014-01-20 18:39:55 j08691

ai，ai，ai ...這是一個非常簡單和不錯的解決方案。我只是不知道它存在！謝謝！ =） –

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

Example

來源

2014-01-20 18:43:05

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

回答

相關問題