固定列サイズを保持するHTML文字列を切り詰める方法

Question

文字列が長すぎる場合でも固定列幅はどのように尊重できますか？

私はJSPでレポートを提示したいのですが、テーブルのヘッダーと別のテーブルの内容を分けて、両方の列に同じ幅を与えます。問題は、複数の列のテキストが長すぎるため、列が大きくなるのを避けるために文字列を単純に切り捨てることができるかどうかを知りたい場合です。

私はあなたの助けに感謝します。

Answer 1

あなたはtext-overflow: ellipsisを試みることができる：

td { 
    white-space: nowrap;      
    overflow: hidden;    /* "overflow" value must be different from "visible" */  
    text-overflow: ellipsis; 
} 

警告：あなたの列に明示的な幅を設定しない場合はIEの古いバージョンでは奇妙なことを行う、

Answer 2

CSSのoverflowを使用して、要素の内容を親のサイズに切り捨てることができます。

#myDiv{ 
    width: 200px; 
    height: 200px; 
    overflow: hidden; 
} 

<div id="myDiv">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div> 

シャイ。