テーブルセルの自動サイズ変更の解除

Question

テーブルセルの自動サイズ変更を削除するにはどうすればよいですか？表のセルの幅を超えるテキストを入力すると、その幅が自動的に拡大されます。自動サイズ変更を無効にする方法はありますか？私が直接<td>以外の要素なしのテーブルセル内のテキストを追加している

、

<td>Text is Here...</td> 

は、テキストが <td>年代は、それが自動終了ラインの次の単語を意志幅超える要素があります。それは可能ですか？私は <p>を試しましたが、それは私のためには動作しません。

これはサンプルです：

http://jsfiddle.net/88RtG/2/

私は最初のセルに関係なく、その内容の同じ幅に他のすべてを持っていると思います。

Answer 1

ブラウザには、ブラウザーが適用しているルールでは壊れない文字列がセルに含まれている場合（table-layout: fixedが役に立たない場合）、セルが展開されているように見えます。

"asdasdasdasdasdasddasdasdadasd"のような文字列に許容されるブレークポイントがない場合、唯一の方法はセルコンテンツを要素内にラップすることです。たとえば、<td><div class=cell>...</div></td>とし、その内部要素の幅を設定します。オーバーフローの問題に対処する必要があります（余分なコンテンツが次のセルに流れ込むか、隠されているのか、それとも何か？）。

それが許容破断ポイントを持っている場合は、それらをマークし、<wbr>または​（この上さらに詳しい情報：http://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest）を使用して簡単な改行の機会のために、ハイフネーションポイントの­。

Answer 2

試してみてください。

<td width="80px">Text is Here...</td> 

あなたが望むもののすべてのセルに幅を変更 - 最初の行だけでそれを行う必要があります。パーセンテージも使用できます。

Answer 3

テーブル、行、またはセルの幅を指定します。