页面调整大小或缩放时自动减去单词

Question

我想知道如何在调整窗口或缩放网站youtube.com时，将div中的标题自动减去某个数字以保持适合div？

我喜欢这样的词语

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

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

但我不知道如何自动执行此操作，因此它可以减去更多字母以适合div。

现在我所拥有的是当页面调整大小或缩放时，标题会保持很长时间并且不会超出div。

我怎么能用php或javascript来解决这个问题。我试着看看你是怎么做的，但没有运气。

Answer 1

您可以使用CSS3 text-overflow：省略号：

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

尝试使用小提琴：http://jsfiddle.net/bBTaU/ 调整窗口大小并查看

修改

并非所有浏览器都支持CSS3，您可以使用此http://dotdotdot.frebsite.nl/之类的插件来扩展旧浏览器中的支持