當頁面調整大小或縮放時自動減去文字

Question

我想知道如何讓我的標題在divs中自動減少到一定數量，以便在調整窗口大小或縮放網站時適合div，如youtube.com所做的那樣？

IM從其減去的話像

$string = (strlen($title) > 13) ? substr($title,0,26).'..' : $title; 

    echo "<div>"; 
    echo $string; 
    echo "</div>; 

但我不知道如何自動做到這一點，因此它可以更多。減去字母，以適應股利。

現在我所擁有的是頁面調整大小或縮放標題逗留時間長，並將出格。

我該如何解決這個問題與PHP或JavaScript謝謝。我試着看看YouTube如何做，但沒有運氣。

Answer 1

您可以使用CSS3文本溢出：省略號這樣的：

<div style="text-overflow: ellipsis;width:5%;overflow: hidden"> 
    Some text 
</div> 

嘗試用小提琴：http://jsfiddle.net/bBTaU/ 調整窗口的大小，看看

編輯

並非所有的瀏覽器都支持CSS3，你可以使用像這樣的插件http://dotdotdot.frebsite.nl/擴展舊瀏覽器的支持