0

ウィンドウのサイズを変更したり、 youtube.comのように Web サイトをズームしたりするときに、div のタイトルを特定の数に自動的に差し引いて、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 に答える