​​のコンテンツを最大3行に折り返し、その後に切り捨てます。

Question

この要件があります。私は3行のテーブルを設計する必要があります（各行は唯一のtdを持つでしょう）。

1. テーブルの幅は固定されています。最初の2行は1行になり、1行を超えると の内容は切り捨てられます。

   Iは、第三行は、大きなテキストを持ち、それが3行 を占めるべきであり、3つのライン内に表示することができなかった内容は 切り捨てられます最初の2行

2. ためstyle = "white-space: nowrap !important;"を使用してこれを管理。私は打たれて、これを達成する方法がわからない。

これについて助けてもらえますか？

<table style='table-layout:fixed'> 
    <tbody> 
     <tr> 
     <td align="left" style = "white-space: nowrap !important;">Some text1 </td> 
     </tr> 
     <tr> 
     <td align="left" style = "white-space: nowrap !important;">Some text2 </td> 
     </tr> 
     <tr> 
     <td align="left">Really long text... </td> 
     </tr> 
    </tbody> 
    </table> 

Answer 1

trまたはtdごとに高さを設定してから、オーバーフロー：hiddenを使用しましたか？
http://jsfiddle.net/cadence96/Y4TBN/