2011-08-08 8 views
1
<table border="3"> 
     <tr> <td class="table_class">111111 222222 333333 </td> <td class="table_class">234 </td> </tr> 
     <tr> <td class="table_class">2321</td> <td class="table_class">ssS</td> </tr> 
    </table> 

.table_class { 
    width: 20px; 
} 

ライブ例:http://jsfiddle.net/Nzd9K/tdにテキスト行(ラップ)の最大数を設定する方法は?

は、どのように私は、TD内の行数を "取り込む" ことができますか?どのように私はTDの最大2つの行をしたいと思いますか?私はsubstrを使うことができますが、これは良い考えではありません。余分なテキストは切り捨てられます

+0

あなたが余分なテキストに起こるしたいですか?それは断つべきですか?明らかに、非常に多くのテキストだけが '20px'幅の2行の中で修正できます。 – thirtydot

+0

"超過した"コンテンツには何が起こりますか? –

+1

彼を切断させる –

答えて

3

ラベラーdivoverflow: hiddenをそれぞれtdの中に追加することができます。

を参照してください:http://jsfiddle.net/Nzd9K/17/

<td class="table_class"><div>111111 222222 333333</div></td> 

.table_class div { 
    height: 2.5em; /* adjust to taste */ 
    overflow: hidden 
} 
関連する問題