0

我想知道如何让我在 div 中的标题自动减去某个数字以在调整窗口大小或像youtube.com一样缩放网站时保持适合 div?

我减去这样的词

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

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

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

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

我怎样才能用 php 或 javascript 解决这个问题,谢谢。我试着看看 youtube 是怎么做的,但没有运气。

4

1 回答 1

1

您可以像这样使用 CSS3 text-overflow: ellipsis:

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

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

编辑

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

于 2013-07-14T20:29:57.453 回答