防止表広い

Question

を行うことから、表のセルが、私はこのテーブルを持っている：

<table> 
<tr> 
<td>Important</td><td>Content</td><td>of</td><td>dynamic</td><td>length</td> 
</tr> 
<tr> 
<td colspan=5>This is a help text that should not make the table wider than the above row would ordinarily do. I want to wrap the text and just take as many lines as needed</td> 
</tr> 
</table> 

2行目は、テーブルが非常に長い単語の場合を除いて（より広い成長を引き起こしたことがないことを確認することが可能であり、これは許容されます）よりもテーブルは最初の行だけでしょうか？

好ましくはJSなし。

JSFiddle

明確化：ビューポートが最初のテーブルの行よりも狭い場合にテーブルが正しい（第2行は最初の行のように幅が等しいです）。

私が望むのは、ビューポートがそれより広い場合でもテーブルは常にそのように見えるということです。 （現在、大画面でテーブルをばかげた割合に拡大しています）

Answer 1

私の下の例では、私は2番目の行のtdにクラス "x"を追加しました（colspan=5のもの）。

.x { 
 
    max-width: 20px; 
 
    }

<table> 
 
<tr> 
 
<td>Important</td><td>Content</td><td>of</td><td>dynamic</td><td>length</td> 
 
</tr> 
 
<tr> 
 
<td class="x" colspan=5>This is a help text that should not make the table wider than the above row would ordinarily do. I want to wrap the text and just take as many lines as needed</td> 
 
</tr> 
 
</table>

：それはそれは（約240ピクセル）を必要とする上で、他の5個の細胞と同じ幅テーブルの幅を保持します：私はこれは何をしたいん

.x { 
    max-width: 20px; 
    } 

として定義し