テキストを表のセルに縮小する

Question

多分簡単な質問ですが、明らかな答えはないようです。

私はレイアウトが固定されたテーブルを持っています（レイアウト全体をねじ込むことなくセルのサイズを変更することはできません）。テキストがオーバーフローした場合、テキストはクリップされるかラップされるのではなく、セルの内側に収まるように縮小されます。

私は実際には良いCSSソリューションでなければならないと期待していましたが、見つけられませんでした。 JavaScriptを使用して手動でこれを行う必要がありますか？

（最良の解決策は、固定レイアウトテーブルの中に動的テキストを入れないことですが、この場合は回避できません）。

Answer 1

「あなたはできない」と言う人は嫌いですが、今日はその人にしなければなりません。残念ながら、CSSだけを使用してテキスト文字列の長さに基づいてテキストのサイズを動的に変更する方法はありません。 JavaScriptを使用してこれを解決する必要があります。テーブルの上に

Answer 2

異なるフォントサイズは、人々が、この中にまだ興味がある人のために切り取られたテキスト

Answer 3

を見ることができるので、overflow: hidden; text-overflow: ellipsis;でテキストをクリップし、ツールチップを追加許容できるならば、恐ろしい見に行くされて、私はPHPを書きましたスパンクラスのテキストをラップしてサイズを制御する機能。あなたは正しいあなたのテーブルのためにそれを得るために$maxLengthと$divisor変数と遊ぶし、その後、グローバル関数を適用することができます

function ShrinkText($text) 
    { 
     $maxLength = 20; // The length at which to start shrinking. 
     $divisor = 5; // The factor to shrink by 

     /* 
     * A divisor of 5 with a string of 30 would do the following: 
     * 
     * $diff = (30 - 20)          [10] 
     * $multiplier = ($diff/$divisor) * 10  [(10/5)*10 = 20] 
     * $percentage = 100 - $multiplier   [100 - 20 = 80] 
     * 
     * Output = '<span style="font-size:80%;">' . $text . '</span>' 
     * 
     */ 

     if(strlen($text) > $maxLength) 
     { 
      $diff = (strlen($text) - $maxLength); 
      $multiplier = ($diff/$divisor) * 10; 
      $percentage = 100 - $multiplier; 

      return '<span style="font-size:' . $percentage . '%;">' . $text . '</span>'; 
     } 
     else 
     { 
      return $text; 
     } 
    }