テキストが重複するのを防ぐtable td width

Question

エントリが長すぎると、テーブル<td>のエントリを画面全体に拡大するにはどうすればよいですか？

Answer 1

CSSには、max-width,max-height、overflowがあります。

ので

td.whatever 
{ 
    max-width: 150px; 
    max-height: 150px; 
    overflow: hidden; 
} 

150ピクセルに最大の幅と高さを制限するだろう、それは150までの150未満から何もすることができ、その内側にフィットしない何かが切り取らと非表示になりますビューから。

デフォルトのオーバーフロー（overflow: visible;）は、指定されたコンテナの内側に収まらないものだけが外側にまっすぐ飛ぶことを許可することです。あなたは水平方向にのみ、それを制限するために、何を非表示にしたくない場合は、word-wrapは助けることがあります。それはする必要があるときはいつでも

td.whatever 
{ 
    max-width: 150px; 
    word-wrap: break-word; 
} 

word-wrapは言葉を破るだろう、それは言葉の終わりではない場合でも。また、表を拡大または縮小したくない場合は、heightとを使用して固定サイズを指定することもできます。

Answer 2

word-wrap:break-word;を使用すると、長い単語が折り返される可能性があります。

Answer 3

td.whatever_class{ 
    max-width: 100px; 
} 

あなたが望む幅で100pxを置き換えます。 1000pxは今日のほぼすべてのモニターに収まるため、ウェブサイトに適した幅です。たとえば、20列ある場合は50pxにします。

Answer 4

max-widthとdisplayのスタイルの両方を指定する必要があります（表示属性は、通常の要素ではなくtdなので面白く設定されているため）。

td{ 
    max-width: 100px; 
    display: inline-block; 
} 

Answer 5

プロパティmax-width：0px;テーブルの全幅に責任があります。